返回列表2016.04.07

系统内部jQuery插件


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