返回列表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
});


体彩走势