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)比較清晰

復(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.dhdzp.com/jiaoben/33787.html

您可能感興趣的文章:

相關(guān)文章

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