
为了方便开发者,系统内部有内置常用的 jQuery 插件供调用,模板作者只要通过调用插件,进行参数配置即可实现目标js 效果。
一、图片滚动(幻灯片)插件
$('.select').taiduyun('slider',{
effect : "show" //show(移动) fadeIn(淡入淡出)
,direction : "right" //left right up down
,linear : "easeInOutQuint" //线性参数
,speed : 500 //移动速度
,interval : 2000 //播放间隔
,distance : 0 //单次滚动距离 默认滚动一个子元素
,autoPlay : 1 //是否自动播放
,hoverStop : 1 //鼠标经过图片是否停止播放
,isSingle : 1 //是否单张轮播模式
,isButton : 1 //是否显示前后按钮
,isDots : 1 //是否显示点
,isMousewheel :0 //是否开启鼠标滚轮控制
,isThumb : 0 //是否显示缩略图
,thumbNum : 3 //是否显示缩略图
,thumbHeight : 80 //缩略图高度 默认80
,thumbWidth : 150 //缩略图宽度 默认150
,thumbOptions : {} //传递给缩略图的参数
});二、元素相对父元素垂直居中
$('.select').taiduyun('verticalCenter',{
parentHeight:$_Y['height'] //父容器的高度,默认是浏览器高度
,style:'paddingTop' //定位属性,默认是 paddingTop ,可选值 top
});
闽公网安备号:35010402350377
