怎样让文字或图片平滑滚动？

怎样让文字或图片平滑滚动？
用marquee的话，速度快一点就一顿一顿的，晃眼睛
用类似下面的代码，有时候内容少会不滚动，有一些文字类的甚至都不滚动
//  var speed1 = 15;
//  demo5.innerHTML = demo4.innerHTML;
//  function Marquee1(){
//   if(demo5.offsetWidth - demo3.scrollLeft <= 0)
//   demo3.scrollLeft -= demo4.offsetWidth;
//   else{
//   demo3.scrollLeft++;
//   }
//  }
//  var MyMar1=setInterval(Marquee1,speed1);
//  demo3.onmouseover=function() {clearInterval(MyMar1)}
//  demo3.onmouseout=function() {MyMar1=setInterval(Marquee1,speed1)}
请问有什么好方法实现平滑滚动呢？还是我用的代码不对？

解决方案 »

  1.   

    <script>
    var toRight=true;function move(){
    //浏览器的宽度
    var bWidth=document.documentElement.clientWidth; //图片所在层的宽度
    var divWidth=document.getElementById("myDiv").offsetWidth; //图片左边界能到达到右边的最大距离
    var maxLeft=bWidth-divWidth;

    //图片左边距离到浏览器最左边的距离
    var left=document.getElementById("myDiv").style.pixelLeft;
    //判断
    if(left<0)
    {
    toRight=true;
    }
    if(left>maxLeft)
    {
    toRight=false;
    }

    if(toRight)
    {
    //图片向右走
    document.getElementById("myDiv").style.pixelLeft+=2; }else
    {
    document.getElementById("myDiv").style.pixelLeft-=2;
    } //移动的方法
    setTimeout("move()",10);
    }
    window.onload=move;</script>
    </head>
    <body ><div id="myDiv" style="position:absolute">
    <img src="exclam.gif" ></div>
    </body>
    </html>
    经过测试发给你，可以直接复制代码到dreamweaver中试试
      

  2.   

    MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类