WD1X.COM - 问答一下,轻松解决,电脑应用解决专家
主板显卡CPU内存显示器
硬盘维修显卡维修显示器维修
注册表系统命令DOS命令Win8
存储光存储鼠标键盘
内存维修打印机维修
WinXPWin7Win11Linux
硬件综合机箱电源散热器手机数码
主板维修CPU维修键盘鼠标维修
Word教程Excel教程PowerPointWPS
网络工具系统工具图像工具
数据库javascript服务器
PHP教程CSS教程XML教程

jquery图片连续滚动特效

更新时间:2014-05-05 22:54 作者:佚名点击:

jquery图片左右滚动插件制作焦点图片左右滚动与列图片左右滚动,可自定义选项图片滚动,带索引导航按钮左右图片滚动。

默认状态属性:


$.fn.slides.option = {
    preload: false,                     // 预载图像,图像的幻灯片设置为true
    preloadImage: '/img/loading.gif',    // preloader的加载图像的名称和位置. 默认为 "/img/loading.gif"
    container: 'slides_container',       // 幻灯片容器类的名称. 默认为 "slides_container"
    generateNextPrev: false,            // 自动生成下一个/上一个按钮
    next: 'next',                        // 下一个按钮的类名
    prev: 'prev',                        // 上一个按钮的类名
    pagination: true,                   // 如果你不使用分页,您可以设置为false
    generatePagination: true,           // 自动生成分页
    prependPagination: false,           // 前置分页
    paginationClass: 'pagination',       // 用于分页的类的名称
    currentClass: 'current',             // 当前类的类名
    fadeSpeed: 350,                      // 设定的速度以毫秒为单位的褪色动画
    fadeEasing: '',                      // 扩展jQuery的插件前必须加载 http://gsgd.co.uk/sandbox/jquery/easing/
    slideSpeed: 350,                     // 设定的速度以毫秒为单位的滑动动画
    slideEasing: '',                     // 扩展jQuery的插件前必须加载 http://gsgd.co.uk/sandbox/jquery/easing/
    start: 1,                            // 设定的速度以毫秒为单位的滑动动画
    effect: 'slide',                     // 选择两种简单的切换过渡方式'slide, fade'
    crossfade: false,                   // 在基于图像的幻灯片淡出淡入图像
    randomize: false,                   // 设置为true,随机幻灯片
    play: 0,                             // 自动播放幻灯片, 正数将设置为true,并在毫秒时间之间的幻灯片动画
    pause: 0,                            // 点击下一页/上一页或分页暂停幻灯片. 正数将设置为true,以毫秒为单位的暂停时间
    hoverPause: false,                  // 设置为真和悬停在幻灯片将暂停
    autoHeight: false,                  // 设置为自动调整高度真实
    autoHeightSpeed: 350,                // 设置自动高度动画的时间,以毫秒为单位
    bigTarget: false,                   // 设置为true,整个幻灯片上点击链接到下一张幻灯片
    animationStart: function(){},      // 在动画的开始调用的函数
    animationComplete: function(){},   // 在动画完成后调用的函数
    slidesLoaded: function() {}        // 函数被调用时,滑块满载
};

预览:

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
你可能感兴趣的内容