为了方便开发者,系统内部有内置常用的 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 });