jQuery简单图片列表左右滚动代码

来源:https://www.sucaihuo.com/js/5258.html 2021-04-09 09:34浏览(351) 收藏

jQuery简单图片列表左右滚动代码,多张图片横向滚动效果,带左右箭头按钮控制。
jQuery简单图片列表左右滚动代码
分类:图片代码 > 按钮控制 难易:初级
查看演示 下载资源 下载积分: 20 积分

例子

$(".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不自动移动;
});
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2