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, //元素可見(jiàn)數(shù)量,可以為小數(shù)，如2.5為2.5個(gè)li
//scroll:1, //每次滾動(dòng)的li數(shù)量
//start:0, //開(kāi)始的地方,默認(rèn)是0
//beforeStart:function(){} //滾動(dòng)開(kāi)始時(shí)回調(diào)的函數(shù)
//afterEnd:function(){} //滾動(dòng)結(jié)束時(shí)回調(diào)的函數(shù)
});
});
</script>
相關(guān)文章
javascript之with的使用(阿里云、淘寶使用代碼分析)
這篇文章主要介紹了javascript之with的使用(阿里云、淘寶使用代碼分析)，主要是發(fā)現(xiàn)了阿里云使用了這段比較有B格的代碼，所以說(shuō)下這個(gè)怎么樣2016-10-10
本篇文章主要介紹了js中幾種實(shí)用的跨域方法原理詳解 ，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。2016-12-12
獲取頁(yè)面高度，窗口高度，滾動(dòng)條高度等參數(shù)值getPageSize,getPageScroll
獲取頁(yè)面高度，窗口高度，滾動(dòng)條高度等參數(shù)值getPageSize,getPageScroll...2006-09-09
js實(shí)現(xiàn)當(dāng)復(fù)選框選擇匿名登錄時(shí)隱藏登錄框效果
這篇文章主要介紹了js實(shí)現(xiàn)當(dāng)復(fù)選框選擇匿名登錄時(shí)隱藏登錄框效果,實(shí)例分析了javascript動(dòng)態(tài)操作頁(yè)面元素樣式的相關(guān)技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-08-08
JS實(shí)現(xiàn)的文字與圖片定時(shí)切換效果代碼
這篇文章主要介紹了JS實(shí)現(xiàn)的文字與圖片定時(shí)切換效果代碼,可實(shí)現(xiàn)定時(shí)切換及鼠標(biāo)點(diǎn)擊切換兩種效果,涉及JavaScript鼠標(biāo)事件控制頁(yè)面樣式的相關(guān)技巧,需要的朋友可以參考下2015-10-10
基于原生js實(shí)現(xiàn)判斷元素是否有指定class名
這篇文章主要介紹了基于原生js實(shí)現(xiàn)判斷元素是否有指定class名,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07
js實(shí)現(xiàn)鼠標(biāo)拖拽多選功能示例
本篇文章主要介紹了js實(shí)現(xiàn)鼠標(biāo)拖拽多選功能示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
這篇文章主要為大家詳細(xì)介紹了Bootstrap中CSS的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
微信二次分享報(bào)錯(cuò)invalid signature問(wèn)題及解決方法
基于微信公眾號(hào)開(kāi)發(fā)的h5頁(yè)面（使用jssdk接口），由用戶A分享給用戶B，用戶B再次分享這個(gè)頁(yè)面時(shí)，不能成功分享。這篇文章主要介紹了微信二次分享報(bào)錯(cuò)invalid signature問(wèn)題及解決方法,需要的朋友可以參考下2019-04-04
checkbox設(shè)置復(fù)選框的只讀效果不讓用戶勾選
有時(shí)候是只想告知用戶這個(gè)地方是可以進(jìn)行勾選操作的而不想讓用戶在此處勾選（比如在信息展示頁(yè)面），這時(shí)候就需要將復(fù)選框設(shè)置成只讀的效果，具體實(shí)現(xiàn)方法如下2013-08-08