如何解决js图片滚动断截问题

你这个是用Marquee那个标签实现的吗？这个标签的话，是不是你设置了宽度如果不是Marquee实现的话，你的这个元素滚动到了结尾，结尾那块是不能和开头的连在一起的这个问题，你可以在结尾添加几个与开头相同的图片的标签，那样当滚动到结尾时，依然显示的是连续滚动，然后你再做个跳转就行，当然这里要在何时跳转，要控制好，如果控制好的话，是看不出来跳转的，看起来就像是一直在循环滚动。

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<div id="demo">
  <div id="indemo">
   <div id="demo1">
    <a href="#"><img src="ZNWWI4.jpg" border="0"  height=75px  width=75px/></a>
    <a href="#"><img src=""ZNWWI4.jpg" border="0"  height=75px  width=75px/></a>
    <a href="#"><img src=""ZNWWI4.jpg" border="0"  height=75px  width=75px/></a>
    <a href="#"><img src=""ZNWWI4.jpg" border="0"  height=75px  width=75px/></a>
    <a href="#"><img src=""ZNWWI4.jpg" border="0"  height=75px  width=75px/></a>

    </div>
   <div id="demo2"></div>
  </div>
</div>
这是我的代码
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
*{margin:0;padding:0;}
.tp_box{width:980px;margin:auto;padding:10px;height:139px;overflow:hidden;line-height:0;font-size:0;}
.tb_list{width:960px;height:139px;overflow:hidden;}
.tb_list a{float:left;margin:0px 5px;display:inline;}
</style>
<script language="javascript" src="js/jquery.min.js"></script>
<script language="javascript">
$(function(){
t = $(".tb_list");
t.html('<div style="width:5500px;"><p style="float:left;">'+t.html()+'</p><p style="float:left;">'+t.html()+'</p></div>');
function marquee(){
if(t.scrollLeft()>=$('p',t).eq(0).width()){
t.scrollLeft(0);
}else{
    t.scrollLeft(t.scrollLeft()+1);
}
}
t.mouseover(function(){
clearInterval(t.data('t'));
}).mouseout(function(){
t.data('t',setInterval(marquee,10));
}).mouseout();
});
</script>
</head><body>
<div  class="tp_box">
    <div class="tb_list">
        <a href="#"><img src="1.jpg" height="139" width="139" /></a>
        <a href="#"><img src="2.jpg" height="139" width="139" /></a>
        <a href="#"><img src="3.jpg" height="139" width="139" /></a>
        <a href="#"><img src="4.jpg" height="139" width="139" /></a>
        <a href="#"><img src="5.jpg" height="139" width="139" /></a>
        <a href="#"><img src="6.jpg" height="139" width="139" /></a>
        <a href="#"><img src="7.jpg" height="139" width="139" /></a>
        <a href="#"><img src="8.jpg" height="139" width="139" /></a>
        <a href="#"><img src="9.jpg" height="139" width="139" /></a>
        <a href="#"><img src="10" height="139" width="139" /></a>
    </div>
</div>
</body>
</html>
js/jquery.min.js"没有这个文件啊
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
*{margin:0;padding:0;}
.tp_box{width:980px;margin:auto;padding:10px;height:139px;overflow:hidden;line-height:0;font-size:0;}
.tb_list{width:960px;height:139px;overflow:hidden;}
.tb_list a{float:left;margin:0px 5px;display:inline;}
</style>
<script language="javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script language="javascript">
$(function(){
t = $(".tb_list");
t.html('<div style="width:5500px;"><p style="float:left;">'+t.html()+'</p><p style="float:left;">'+t.html()+'</p></div>');
function marquee(){
if(t.scrollLeft()>=$('p',t).eq(0).width()){
t.scrollLeft(0);
}else{
    t.scrollLeft(t.scrollLeft()+1);
}
}
t.mouseover(function(){
clearInterval(t.data('t'));
}).mouseout(function(){
t.data('t',setInterval(marquee,10));
}).mouseout();
});
</script>
</head><body>
<div  class="tp_box">
    <div class="tb_list">
        <a href="#"><img src="1.jpg" height="139" width="139" /></a>
        <a href="#"><img src="2.jpg" height="139" width="139" /></a>
        <a href="#"><img src="3.jpg" height="139" width="139" /></a>
        <a href="#"><img src="4.jpg" height="139" width="139" /></a>
        <a href="#"><img src="5.jpg" height="139" width="139" /></a>
        <a href="#"><img src="6.jpg" height="139" width="139" /></a>
        <a href="#"><img src="7.jpg" height="139" width="139" /></a>
        <a href="#"><img src="8.jpg" height="139" width="139" /></a>
        <a href="#"><img src="9.jpg" height="139" width="139" /></a>
        <a href="#"><img src="10" height="139" width="139" /></a>
    </div>
</div>
</body>
</html>没有就jquery.js去官网下载个呗这个是图片无缝循环滚动的