幻灯片 js

清华大佬耗费三个月吐血整理的几百G的资源,免费分享!....>>>

<!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>