jcarousellite.js 基于Jquery的圖片無縫滾動插件
更新時間:2010年12月30日 12:48:01 作者:
基于Jquery的圖片無縫滾動插件,需要的朋友可以參考下。
1.引入JS庫,jquery.js腳本和插件腳本jcarousellite.js。
<script type="text/javascript" src="path/to/jquery.js"></script>
<script type="text/javascript" src="path/to/jcarousellite.js"></script>
2.需要被展現的HTML結構 div>ul>li>img ,結構比較清晰
<div>
<ul>
<li><img src="1.jpg" alt="" width="100" height="100" ></li>
<li><img src="2.jpg" alt="" width="100" height="100" ></li>
<li><img src="3.jpg" alt="" width="100" height="100" ></li>
<li><img src="4.jpg" alt="" width="100" height="100" ></li>
</ul>
</div>
3.執(zhí)行啟動腳本
$(function() {
$(".default .jCarouselLite").jCarouselLite({
btnNext: ".default .next",
btnPrev: ".default .prev"
});
});
官方網站演示:http://demo.jb51.net/js/jcarousellite2/index.htm
打包演示下載:http://www.dbjr.com.cn/jiaoben/33787.html
復制代碼 代碼如下:
<script type="text/javascript" src="path/to/jquery.js"></script>
<script type="text/javascript" src="path/to/jcarousellite.js"></script>
2.需要被展現的HTML結構 div>ul>li>img ,結構比較清晰
復制代碼 代碼如下:
<div>
<ul>
<li><img src="1.jpg" alt="" width="100" height="100" ></li>
<li><img src="2.jpg" alt="" width="100" height="100" ></li>
<li><img src="3.jpg" alt="" width="100" height="100" ></li>
<li><img src="4.jpg" alt="" width="100" height="100" ></li>
</ul>
</div>
3.執(zhí)行啟動腳本
復制代碼 代碼如下:
$(function() {
$(".default .jCarouselLite").jCarouselLite({
btnNext: ".default .next",
btnPrev: ".default .prev"
});
});
官方網站演示:http://demo.jb51.net/js/jcarousellite2/index.htm
打包演示下載:http://www.dbjr.com.cn/jiaoben/33787.html
相關文章
Juqery Html(),append()等方法的Bug解決方法
標題中說是jquery中的Bug,只是個人這么認為,先申明一下!2010-12-12
AMD異步模塊定義介紹和Require.js中使用jQuery及jQuery插件的方法
這篇文章主要介紹了AMD異步模塊定義介紹和Require.js中使用jQuery及jQuery插件的方法,需要的朋友可以參考下2014-06-06
jQuery創(chuàng)建自己的插件(自定義插件)的方法
在該系列之前的文章使用 jQuery:UI 項目中,我介紹了使用 jQuery 代碼中的插件來提高 web 應用程序的效率。2010-06-06
使用jquery讀取html5 localstorage的值的方法
在HTML 5中,localstorage是個不錯的東西,在支持localstorage的瀏覽器中, 能持久化用戶表單的輸入,即使關掉瀏覽器,下次重新打開瀏覽器訪問,也能讀出其值,很不錯的一個東西,接下來實例介紹,需要的朋友可以參考下2013-01-01

