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