下面是编程之家 jb51.cc 通过网络收集整理的代码片段。
编程之家小编现在分享给大家,也给大家做个参考。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> New Document </title> <Meta name="Generator" content="EditPlus"> <Meta name="Author" content=""> <Meta name="Keywords" content=""> <Meta name="Description" content=""> </head> <script type="text/javascript" src="jquery-1.6.js"></script> <script type="text/javascript" src="jcarousellite.js"></script> <body> <div class="carousel main"> <a href="#" class="prev"><<< </a> <div style="visibility: visible; overflow: hidden; position: relative; z-index: 2; left: 0px; width: 510px;" class="jCarouselLite"> <ul style="margin: 0pt; padding: 0pt; position: relative; list-style-type: none; z-index: 1; width: 2890px; left: -510px;"><li style="overflow: hidden; float: left; width: 170px; height: 145px;"><img src="img/9.jpg" alt="" height="118" width="150"></li><li style="overflow: hidden; float: left; width: 170px; height: 145px;"><img src="img/10.jpg" alt="" height="118" width="150"></li><li style="overflow: hidden; float: left; width: 170px; height: 145px;"><img src="img/11.jpg" alt="" height="118" width="150"></li> <li style="overflow: hidden; float: left; width: 170px; height: 145px;"><img src="img/1.jpg" alt="" height="118" width="150"></li> <li style="overflow: hidden; float: left; width: 170px; height: 145px;"><img src="img/2.jpg" alt="" height="118" width="150"></li> <li style="overflow: hidden; float: left; width: 170px; height: 145px;"><img src="img/3.jpg" alt="" height="118" width="150"></li> <li style="overflow: hidden; float: left; width: 170px; height: 145px;"><img src="img/4.jpg" alt="" height="118" width="150"></li> <li style="overflow: hidden; float: left; width: 170px; height: 145px;"><img src="img/5.jpg" alt="" height="118" width="150"></li> <li style="overflow: hidden; float: left; width: 170px; height: 145px;"><img src="img/6.jpg" alt="" height="118" width="150"></li> <li style="overflow: hidden; float: left; width: 170px; height: 145px;"><img src="img/7.jpg" alt="" height="118" width="150"></li> <li style="overflow: hidden; float: left; width: 170px; height: 145px;"><img src="img/8.jpg" alt="" height="118" width="150"></li> <li style="overflow: hidden; float: left; width: 170px; height: 145px;"><img src="img/9.jpg" alt="" height="118" width="150"></li> <li style="overflow: hidden; float: left; width: 170px; height: 145px;"><img src="img/10.jpg" alt="" height="118" width="150"></li> <li style="overflow: hidden; float: left; width: 170px; height: 145px;"><img src="img/11.jpg" alt="" height="118" width="150"></li> <li style="overflow: hidden; float: left; width: 170px; height: 145px;"><img src="img/1.jpg" alt="" height="118" width="150"></li><li style="overflow: hidden; float: left; width: 170px; height: 145px;"><img src="img/2.jpg" alt="" height="118" width="150"></li><li style="overflow: hidden; float: left; width: 170px; height: 145px;"><img src="img/3.jpg" alt="" height="118" width="150"></li></ul> </div> <a href="#" class="next">>>> </a> <div class="clear"></div> </div> </body> </html> <script type="text/javascript"> $(function() { $(".jCarouselLite").jCarouselLite({ auto: 800,speed: 1000 }); }); </script>
以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。
如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。