黑马程序员技术交流社区

标题: 无缝滚动问题 [打印本页]

---

作者: 彭书雄    时间: 2012-8-19 16:22
标题: 无缝滚动问题
就是 4个  width:200px   height:100px  的图片   我动态设置了800px 的ul宽度  然后想在后面动态添加4个相同的元素
但是添加之后 元素 超出ul 范围 换了一行  我想知道怎么做才可以 让动态li标签不换行   视屏上也只有800px  没有动态添加到1600px的宽度 ，是css的 设置 ，还是什么原因

1. <script type="text/javascript">
   
2.         window.onload=function()
   
3.         {
   
4.                 var oRoll= document.getElementById('roll1');
   
5.                 var oUl =oRoll.getElementsByTagName('ul')[0];
   
6.                 var oLi =oUl.getElementsByTagName('li');
   
7.                 var time=null;
   
8.                
   
9.                 oUl.style.width=oLi.length*oLi[0].offsetWidth+'px';
   
10.                
    
11.                 oUl.innerHTML+=oUl.innerHTML;
    
12.                 setInterval(Move,50);
    
13.                 function Move()
    
14.                 {
    
15.                         oUl.style.left=oUl.offsetLeft-5+'px';
    
16.                 }
    
17.         }
    
18. </script>
    
19. <ul id="ul1">
    
20.                         <li><a href="javascript:void(0)"><img src="img/woman1.jpg"/></a></li>
    
21.                         <li><a href="javascript:void(0)"><img src="img/woman2.jpg"/></a></li>
    
22.                         <li><a href="javascript:void(0)"><img src="img/woman3.jpg"/></a></li>
    
23.                         <li><a href="javascript:void(0)"><img src="img/woman4.jpg"/></a></li>
    
24. </ul>

复制代码

---

作者: 彭书雄    时间: 2012-8-19 16:42
问题一解决。 代码顺序问题{:soso_e113:}

---

作者: 许庭洲    时间: 2012-8-20 09:24
有点像浏览器版本问题，不同版本的浏览器显示有差别。

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2