幻灯片 js

下面是编程之家 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"><<<&nbsp;</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">>>>&nbsp;</a>
            <div class="clear"></div>   
        </div>  
 </body>
</html>
<script type="text/javascript">

	$(function() {
    $(".jCarouselLite").jCarouselLite({
        auto: 800,speed: 1000
    });
});
</script>

以上是编程之家(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得编程之家网站内容还不错，欢迎将编程之家网站推荐给程序员好友。

相关推荐