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.需要被展現(xiàn)的HTML結(jié)構(gòu) div>ul>li>img ,結(jié)構(gòu)比較清晰
<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"
});
});
官方網(wǎng)站演示:http://demo.jb51.net/js/jcarousellite2/index.htm
打包演示下載:http://www.dbjr.com.cn/jiaoben/33787.html
復(fù)制代碼 代碼如下:
<script type="text/javascript" src="path/to/jquery.js"></script>
<script type="text/javascript" src="path/to/jcarousellite.js"></script>
2.需要被展現(xiàn)的HTML結(jié)構(gòu) div>ul>li>img ,結(jié)構(gòu)比較清晰
復(fù)制代碼 代碼如下:
<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í)行啟動腳本
復(fù)制代碼 代碼如下:
$(function() {
$(".default .jCarouselLite").jCarouselLite({
btnNext: ".default .next",
btnPrev: ".default .prev"
});
});
官方網(wǎng)站演示:http://demo.jb51.net/js/jcarousellite2/index.htm
打包演示下載:http://www.dbjr.com.cn/jiaoben/33787.html
相關(guān)文章
Juqery Html(),append()等方法的Bug解決方法
標(biāo)題中說是jquery中的Bug,只是個人這么認(rèn)為,先申明一下!2010-12-12AMD異步模塊定義介紹和Require.js中使用jQuery及jQuery插件的方法
這篇文章主要介紹了AMD異步模塊定義介紹和Require.js中使用jQuery及jQuery插件的方法,需要的朋友可以參考下2014-06-06jQuery創(chuàng)建自己的插件(自定義插件)的方法
在該系列之前的文章使用 jQuery:UI 項目中,我介紹了使用 jQuery 代碼中的插件來提高 web 應(yīng)用程序的效率。2010-06-06使用jquery讀取html5 localstorage的值的方法
在HTML 5中,localstorage是個不錯的東西,在支持localstorage的瀏覽器中, 能持久化用戶表單的輸入,即使關(guān)掉瀏覽器,下次重新打開瀏覽器訪問,也能讀出其值,很不錯的一個東西,接下來實例介紹,需要的朋友可以參考下2013-01-01