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