Jjcarousellite 實現(xiàn)圖片列表滾動的簡單實例
jcarousel Lite與jcarousel 相比去掉了皮膚的約束，可以自定義的設(shè)置前后按鈕和選項卡按鈕，生成的html更加簡潔，文件更小(2k)
下載鏈接：
使用方法：http://www.gmarwaha.com/jquery/jcarousellite/
<div class="類名">
<ul>
<li></li>
</ul>
</div>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jcarousellite_1.0.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".類名").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
//btnGo: [".1", ".2"], //自定義滾動位置選項卡,按照數(shù)組順序
//auto: 2000, //指定多少毫秒定期自動滾動。默認(rèn)為null
//speed: 800, //滑動的速度,可以嘗試800 1000 1500
//vertical:false, //是否垂直滾動,默認(rèn)false
//circular:true, //是否循環(huán)滾動,默認(rèn)為true
//visible:3, //元素可見數(shù)量,可以為小數(shù)，如2.5為2.5個li
//scroll:1, //每次滾動的li數(shù)量
//start:0, //開始的地方,默認(rèn)是0
//beforeStart:function(){} //滾動開始時回調(diào)的函數(shù)
//afterEnd:function(){} //滾動結(jié)束時回調(diào)的函數(shù)
});
});
</script>
相關(guān)文章
最近做個項目，需要實現(xiàn)移動端左滑刪除功能，當(dāng)時js代碼將網(wǎng)上找的進(jìn)行刪減優(yōu)化，下面通過本文給大家分享基于JS實現(xiàn)移動端左滑刪除功能，感興趣的朋友一起看看2017-07-07
微信小程序動態(tài)設(shè)置導(dǎo)航欄標(biāo)題的實現(xiàn)步驟
實際開發(fā)中很多時候我們需要通過上個頁面?zhèn)鬟^來的值動態(tài)的更改標(biāo)題欄文字,下面這篇文章主要給大家介紹了關(guān)于微信小程序動態(tài)設(shè)置導(dǎo)航欄標(biāo)題的實現(xiàn)步驟,需要的朋友可以參考下2023-02-02
用js寫一段小程序，但是又覺得使用瀏覽器去運(yùn)行挺麻煩的，下面為大家介紹下如何使用java程序調(diào)用javascript程序，有類似需求的朋友可以參考下哈，希望對大家有所幫助2013-07-07
這篇文章主要為大家詳細(xì)介紹了javascript計時器編寫過程與實現(xiàn)方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-02-02
這篇文章主要介紹了使用Bootstrap美化按鈕實例代碼(demo),非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-02-02
微信小程序?qū)崿F(xiàn)注冊登錄功能(表單校驗、錯誤提示)
這篇文章主要介紹了微信小程序 實現(xiàn)注冊、登錄功能(表單校驗、錯誤提示),本文通過代碼給大家詳細(xì)介紹，需要的朋友可以參考下2019-12-12
這篇文章主要為大家介紹了js?中以?...?為前綴的幾種用法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-09-09
這篇文章主要介紹了JavaScript 空間坐標(biāo)的使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
淺談 Webpack 如何處理圖片(開發(fā)、打包、優(yōu)化)
這篇文章主要介紹了淺談 Webpack 如何處理圖片(開發(fā)、打包、優(yōu)化)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
這篇文章主要介紹了JS實現(xiàn)在狀態(tài)欄顯示打字效果的方法,涉及JavaScript中字符遍歷結(jié)合時間函數(shù)對狀態(tài)欄顯示進(jìn)行操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-11-11