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.fzitv.net/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.fzitv.net/jiaoben/33787.html
相關(guān)文章
jQuery實現(xiàn)table表格checkbox全選的方法分析
這篇文章主要介紹了jQuery實現(xiàn)table表格checkbox全選的方法,結(jié)合實例形式分析了jQuery事件響應(yīng)與元素遍歷實現(xiàn)table表格checkbox元素狀態(tài)動態(tài)修改相關(guān)操作技巧,需要的朋友可以參考下2018-07-07
這篇文章主要介紹了NodeJS使用jQuery選擇器操作DOM的相關(guān)資料,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了jquery獲取html元素的絕對位置和相對位置的方法,需要的朋友可以參考下2014-06-06
這篇文章主要介紹了jQuery中 $("a").click()無效問題分析,需要的朋友可以參考下2015-01-01
JQuery實現(xiàn)簡單的復(fù)選框樹形結(jié)構(gòu)圖示例【附源碼下載】
這篇文章主要介紹了JQuery實現(xiàn)簡單的復(fù)選框樹形結(jié)構(gòu)圖,涉及jQuery頁面元素屬性動態(tài)操作與事件響應(yīng)相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2019-07-07
jquery實現(xiàn)簡單的banner輪播效果【實例】
下面小編就為大家?guī)硪黄猨query實現(xiàn)簡單的banner輪播效果【實例】。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-03-03
這篇文章主要介紹了jQuery實現(xiàn)frame之間互通的方法,結(jié)合實例形式分析了jQuery實現(xiàn)frame父子框架之間的調(diào)用操作實現(xiàn)方法,需要的朋友可以參考下2017-06-06
jQuery實現(xiàn)數(shù)秒后自動提交form的方法
這篇文章主要介紹了jQuery實現(xiàn)數(shù)秒后自動提交form的方法,實例分析了jQuery實現(xiàn)form表單延時提交的技巧,需要的朋友可以參考下2015-03-03
jQuery中delegate與on的用法與區(qū)別示例介紹
jQuery1.7中 .delegate()已被.on()取代，下面以示例的方式為大家介紹下jQuery中delegate與on的用法與區(qū)別，感興趣的朋友可以參考下2013-12-12
jquery attr方法獲取input的checked屬性問題
如果使用jquery,應(yīng)使用prop方法來獲取和設(shè)置checked屬性，不應(yīng)使用attr,需要的朋友可以參考下2014-05-05