jquery 無縫滾動插件jcarousellite使用過程中遇到的問題

本文轉載自查看原文 2013-04-14 10:00 3891 JavaScript

jquery下面的插件jcarousellite，可以實現無縫水平、垂直滾動，還有左、右控制按鈕，用法非常簡單。

HTML:

< div class ="carousel" >
     < div class ="jCarouselLite" >
         < ul >
             < li >< img src ="image/1.jpg" alt ="" width ="150" height ="118" ></ li >
             < li >< img src ="image/2.jpg" alt ="" width ="150" height ="118" ></ li >
             < li >< img src ="image/3.jpg" alt ="" width ="150" height ="118" ></ li >
             < li >< img src ="image/4.jpg" alt ="" width ="150" height ="118" ></ li >
             < li >< img src ="image/5.jpg" alt ="" width ="150" height ="118" ></ li >
             < li >< img src ="image/6.jpg" alt ="" width ="150" height ="118" ></ li >
             < li >< img src ="image/7.jpg" alt ="" width ="150" height ="118" ></ li >
             < li >< img src ="image/8.jpg" alt ="" width ="150" height ="118" ></ li >
             < li >< img src ="image/9.jpg" alt ="" width ="150" height ="118" ></ li >
             < li >< img src ="image/10.jpg" alt ="" width ="150" height ="118" ></ li >
             < li >< img src ="image/11.jpg" alt ="" width ="150" height ="118" ></ li >
         </ ul >
     </ div >
</ div >

JS:

$( function() {
    $(".carousel .jCarouselLite").jCarouselLite({
        speed: 500,
        easing: "easeinout",
        auto:2000,
        visible: 5
    });
});

樣式都不用設置，都能看到效果。

上面的js部份是我在網上找到的，直接放到我的程序卻遇到一個問題，怎么也動不起來，試了多種方法也不行，但下載的例子卻正常。

仔細看了以下，例子中使用的是jquery1.2.3，我用的是jquery1.4.2，想着可能是對高版本的不兼容造成的。於是又去官網看了一下jcarousellite的使用說明，發現了問題所在。

easing string 緩沖效果名稱,如：easing: "bounceout",需要jquery中的easing pluin（緩沖插件實現）,只適用於jq1.2

easing這個參數只適用於jquery1.2版本，去掉這個參數后，在jquery1.4.2下面使用正常。

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 JWT使用過程中遇到的問題 CAD使用過程中遇到的問題 Cocoapods使用過程中遇到的問題 hibernate 使用過程中遇到的問題 Git和Gitlab在使用過程中所遇到的問題 dropload.js（上拉加載插件使用過程中遇到的坑） AndroidStudio使用過程中遇到的bug 使用pycharm使用過程中遇到問題 PackagesNotFoundError Kafka使用過程中遇到的一些問題 suse 11 pip pip3使用過程中遇到的各種問題