* { margin:0; padding:0; list-style-type:none; } a,img { border:0; } body { font:14px/180% Arial,Helvetica,sans-serif,"新宋体"; background-color:black; } .scrollleft { padding:5px 20px 0px 20px; margin:2px auto; } .scrollleft li { float:left; display:inline; text-align:center; line-height:19px } .scrollleft li a { color:white; margin-right:15px; } .scrollleft li a:hover { color:red; } .scrollleft img { width:136px; height:100px; padding:10px; border:solid 1px #ddd; }
无缝滚动的代码很多,但我想要的一个滚动n条可以停顿一会在开始滚动,而且每条的长度都不一样,同时可以控制是否允许用户自己滑动。于是网上找了一个xMarquee.js然后加以修改,终于达到了我想要的效果。