jQuery左右图片幻灯片轮播滚动效果

所属分类:媒体-幻灯片和轮播图,滑块和旋转

 14390  48  查看评论 (0)
分享到微信朋友圈
X
jQuery左右图片幻灯片轮播滚动效果 ie兼容8

更新时间:2021-04-02 00:03:54

例子:

$(".productshow").xslider({ //.productshow是要移动对象的外框;
    unitdisplayed: 3, //可视的单位个数   必需项;
    movelength: 1, //要移动的单位个数    必需项;
    maxlength: null, //可视宽度或高度    默认查找要移动对象外层的宽或高度;
    scrollobj: null, //要移动的对象     默认查找productshow下的ul;
    unitlen: null, //移动的单位宽或高度     默认查找li的尺寸;
    nowlength: null, //移动最长宽或高(要移动对象的宽度或高度)   默认由li个数乘以unitlen所得的积;
    dir: "H", //水平移动还是垂直移动,默认H为水平移动,传入V或其他字符则表示垂直移动;
    autoscroll: 1000 //自动移动间隔时间     默认null不自动移动;
});
相关插件-幻灯片和轮播图,滑块和旋转

jquery响应式幻灯片

jquery响应式幻灯片
  幻灯片和轮播图
 45651  353

兼容ie的平面百叶窗轮播

兼容ie的平面百叶窗轮播,webkit内核支持最好。
  幻灯片和轮播图
 54457  484

纯CSS全屏轮播滑块

用CSS制作交互式滑块,这是可能的,没有使用任何JavaScript。在这里下面教程告诉你如何使纯CSS不使用jQuery或基于JavaScript来创建全屏滑块。
  幻灯片和轮播图
 51656  404

jQuery响应式全屏轮播图插件

jQuery响应式全屏轮播图插件,支持移动端触屏切换。
  幻灯片和轮播图
 48076  507

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复