求教【间断的】无缝滚动图片。在线等、。。。。。

Question

本帖最后由 crazyxingjc 于 2010-11-16 11:06:04 编辑

Answer 1

 var speed = 30
==>speed = 2000

Answer 2

这是滚动的速度，我想停顿2秒再滚动。与speed无关

Answer 3

<div id="index_pic">
            <h2><a class="more" href="#">aaa</a><span>123</span></h2>
            <div id="colee_left" style="overflow:hidden;width:500;" >
            <table cellpadding="0" cellspacing="0" border="0">
            <tr><td id="colee_left1" valign="top" align="center">
            <table cellpadding="2" cellspacing="0" border="0">
            <tr align="center">
            <td><p><a href="#" style=" display:block;"><img src="images/招待所3.jpg" width="107" height="87" ><span>房间图片1</span></a></p></td>
            <td><p><a href="#" style=" display:block;"><img src="images/招待所3.jpg" width="107" height="87"><span>房间图片2</span></a></p></td>
            <td><p><a href="#" style=" display:block;"><img src="images/招待所3.jpg" width="107" height="87"><span>房间图片3</span></a></p></td>
            <td><p><a href="#" style=" display:block;"><img src="images/招待所3.jpg" width="107" height="87"><span>房间图片4</span></a></p></td>
            <td><p><a href="#" style=" display:block;"><img src="images/招待所3.jpg" width="107" height="87"><span>房间图片5</span></a></p></td>
            <td><p><a href="#" style=" display:block;"><img src="images/招待所3.jpg" width="107" height="87"><span>房间图片6</span></a></p></td>
            <td><p><a href="#" style=" display:block;"><img src="images/招待所3.jpg" width="107" height="87"><span>房间图片7</span></a></p></td>
            <td><p><a href="#" style=" display:block;"><img src="images/招待所3.jpg" width="107" height="87"><span>房间图片8</span></a></p></td>
            </tr>
            </table>
            </td>
            <td id="colee_left2" valign="top"></td>
            </tr>
            </table>
            </div>     
        </div><script type="text/javascript" language="javascript">
            var img_width = 100;
            var stop_counter = 100;
            var speed = 30
            var colee_left2 = document.getElementById("colee_left2");
            var colee_left1 = document.getElementById("colee_left1");
            var colee_left = document.getElementById("colee_left");
            colee_left2.innerHTML = colee_left1.innerHTML
            function Marquee3() {
                if ( 0==(colee_left.scrollLeft%img_width) ){
                    if( stop_counter>0 ) {
                      --stop_counter;
                      return;
                    }
                    else{
                      stop_counter = 100;
                    }
                }
                if (colee_left2.offsetWidth - colee_left.scrollLeft <= 0)
                    colee_left.scrollLeft -= colee_left1.offsetWidth
                else {
                    colee_left.scrollLeft++
                }
            }
            var MyMar3 = setInterval(Marquee3, speed)
            colee_left.onmouseover = function() { clearInterval(MyMar3) }
            colee_left.onmouseout = function() { MyMar3 = setInterval(Marquee3, speed) }
</script>设置下图片宽度 img_width
再设置个计数器 stop_counter
停止时间等于 (stop_counter * speed)提供个思路，比较省事的方法，不一定好用。

Answer 4

function() { clearInterval(MyMar3) }
function() { MyMar3 = setInterval(Marquee3, speed) }
这两个方法要用哪??

Answer 5

不要断章取义~
这2个是绑定鼠标事件的。colee_left.onmouseover = function() { clearInterval(MyMar3) }//鼠标经过时停止计时器
colee_left.onmouseout = function() { MyMar3 = setInterval(Marquee3, speed) }//鼠标离开时启用定时器

Answer 6

问题解决找了新的好用的滚动效果。。
http://www.popub.net/script/MSClass.html