PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > PHP教程 > 正文

    jQuery图片切换插件jquery.cycle.js

    作者:w634381967来源:网络浏览:时间:2020-09-30 00:07:50我要评论
    导读:Cycle是一个很棒的jQuery图片切换插件,提供了非常好的功能来帮助大家更简单的使用插件的幻灯功能为插件方法指定参数Cycle()方法为我们提供...
    Cycle是一个很棒的jQuery图片切换插件,提供了非常好的功能来帮助大家更简单的使用插件的幻灯功能

    为插件方法指定参数
    Cycle()方法为我们提供了非常多的参数,具体每个参数的具体作用 在此不一一叙述,请查阅其他文档
    我们可以修改Cycle插件的两个幻灯片之间的播放速度和动画形式,修改幻灯片变换的触发方式。


     
    复制代码 代码如下:
    $(document).ready(function() { 
        $('#goods').cycle({
            timeout: 2000, 
            speed: 200, 
            pause: true 
        }); 
    }); 

    第一个timeout选项用于指定切换幻灯片之间等待的毫秒数(2000),而speed决定切换本身要花的毫秒数(200)。

    在把pause设置为true的情况下,幻灯片会在鼠标进入时暂停播放,这在幻灯片中包含可以单击的链接时非常有用。
    其中Cycle有一个很重要的参数:fx:作用是选择特效。


     
    复制代码 代码如下:
    $('#goods').cycle({
        fx:'fade',
        timeout: 2000, 
        speed: 200, 
        pause: true 
    });

    包括以下特效blindX,cover,curtainX,fadeZoom,growX,scrollUp,shuffle,slideX等等。

    示例下载


    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-10-1066-1.html