一、图片或文字无缝滚动代码

第一个效果
代码：
<MARQUEE scrollAmount=4 scrollDelay=0 loop=1 width=500 height=107>
   <SCRIPT language=JavaScript>
       for(t=1;t<=1000;t++)
       document.write("这里是内容部分")
   </SCRIPT>
</MARQUEE>

说明：要实现图片效果请自行修改代码:documnet.write ("内部")
      此代码唯一一点不足就是没有实现数标悬停效果.

第二个效果：文字效果.可实现悬停功能

代码：
<style>
a {font-size:9pt;color:#333;text-decoration:none;}
a:hover {color:#111;text-decoration:underline;}
</style>

<div id="marquees">
  <a href="#">你可曾有过无数的梦想</a><br><br>
  <a href="#">却在时光的流逝里幻灭</a><br><br>
  <a href="#">你可曾对未来期待憧憬</a><br><br>
  <a href="#">却在成长的岁月中迷失</a><br><br>
</div>
<script language="JavaScript">
marqueesHeight=200;
stopscroll=false;
with(marquees){
  style.width=0;
  style.height=marqueesHeight;
  style.overflowX="visible";
  style.overflowY="hidden";
  noWrap=true;
  onmouseover=new Function("stopscroll=true");
  onmouseout=new Function("stopscroll=false");
}
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');

preTop=0; currentTop=0;

function init(){
  templayer.innerHTML="";
  while(templayer.offsetHeight<marqueesHeight){
    templayer.innerHTML+=marquees.innerHTML;
  }
  marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
  setInterval("scrollUp()",50);
}
document.body.onload=init;

function scrollUp(){
  if(stopscroll==true) return;
  preTop=marquees.scrollTop;
  marquees.scrollTop+=1;
  if(preTop==marquees.scrollTop){
    marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
    marquees.scrollTop+=1;
  }
}
</script>

说明：无

第三个效果（图片效果）

<DIV id=demo style="overflow:hidden;height :200px;width :95px;background-color:white;color:#ffffff;
border-width :1px 1px 1px 1px;border-style :dotted dotted dotted dotted;border-color :black black black black;" align=center>
            <DIV id=demo1>
              <!-- 定义图片 -->
              <IMG src=http://www.newdu.com/images/logo.gif>
              <IMG src=http://www.newdu.com/images/logo.gif>
              <IMG src=http://www.newdu.com/images/logo.gif>
              <IMG src=http://www.newdu.com/images/logo.gif>
              <IMG src=http://www.newdu.com/images/logo.gif>
              <IMG src=http://www.newdu.com/images/logo.gif>
              <IMG src=http://www.newdu.com/images/logo.gif>
              <IMG src=http://www.newdu.com/images/logo.gif>
            </DIV>
            <DIV id=demo2></DIV>
</DIV>

<SCRIPT>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function(){clearInterval(MyMar)}
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</SCRIPT>

二、图像向上翻滚代码：

点击以下网址下载完整代码