hg0088注册,hg0088开户,hg0088皇冠,皇冠体育-注册开户网址

主页 | 拥有4套模板 | 收藏本站 | 交流QQ群:322530250

当前位置:主页 > 皇冠体育 > 相册代码 >
下载地址

hScrollPane - 带水平滚动条的js相册代码效果

如下图红色箭头所指示,带缩略图相册,缩略图部分带有横向滚动条,鼠标滚轮滚动缩略图也会随之滚动,点击缩略图大图切换!

$(".container").hScrollPane({
		mover:".press", //指定container对象下的哪个元素需要滚动位置 | 必传项;
		moverW:function(){return $(".press").width();}(), //传入水平滚动对象的长度值,不传入的话默认直接获取mover的宽度值 | 可选项;
		handleMinWidth:300, //指定handle的最小宽度,要固定handle的宽度请在css中设定handle的width属性(如 width:28px!important;),不传入则不设定最小宽度 | 可选项;
		showArrow:true, //指定是否显示左右箭头,默认不显示 | 可选项;
		dragable:false, //指定是否要支持拖动效果,默认可以拖动 | 可选项;
		handleCssAlter:"draghandlealter", //指定拖动鼠标时滚动条的样式,不传入该参数则没有变化效果 | 可选项;
		easing:true, //滚动是否需要滑动效果,默认有滑动效果 | 可选项;
		mousewheel:{bind:true,moveLength:500} //mousewheel: bind->'true',绑定mousewheel事件; ->'false',不绑定mousewheel事件;
		moveLength是指定鼠标滚动一次移动的距离,默认值:{bind:true,moveLength:300} | 可选项;
	});


本素材资源仅供个人学习与参考,请勿用于商业用途,后果由使用者自己承担...

hg0088注册,hg0088开户,hg0088皇冠,皇冠体育-注册开户网址
返回顶部