zoukankan      html  css  js  c++  java
  • jquery 无缝滚动插件jcarousellite使用过程中遇到的问题

    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下面使用正常。
  • 相关阅读:
    springmvc跨域+token验证(app后台框架搭建二)
    JSON Web Tokens(JWT)
    spring4+springmvc+mybatis基本框架(app后台框架搭建一)
    [原创] zabbix学习之旅一:源码安装
    ROC 曲线和 AUC 值
    win7 64位系统 Oracle32bit + PL/SQL访问Orale服务,Oracle 11g的安装,中文乱码问题的解决
    CentOS系统安装配置mysql
    Loaded plugins: fastestmirror, refresh-packagekit, security
    求LCA最近公共祖先的离线Tarjan算法_C++
    求LCA最近公共祖先的在线ST算法_C++
  • 原文地址:https://www.cnblogs.com/chendaoyin/p/3019854.html
Copyright © 2011-2022 走看看