為了方便開發(fā)者,系統(tǒng)內(nèi)部有內(nèi)置常用的 jQuery 插件供調(diào)用,模板作者只要通過調(diào)用插件,進行參數(shù)配置即可實現(xiàn)目標(biāo)js 效果。
一、圖片滾動(幻燈片)插件
$('.select').taiduyun('slider',{ effect : "show" //show(移動) fadeIn(淡入淡出) ,direction : "right" //left right up down ,linear : "easeInOutQuint" //線性參數(shù) ,speed : 500 //移動速度 ,interval : 2000 //播放間隔 ,distance : 0 //單次滾動距離 默認(rèn)滾動一個子元素 ,autoPlay : 1 //是否自動播放 ,hoverStop : 1 //鼠標(biāo)經(jīng)過圖片是否停止播放 ,isSingle : 1 //是否單張輪播模式 ,isButton : 1 //是否顯示前后按鈕 ,isDots : 1 //是否顯示點 ,isMousewheel :0 //是否開啟鼠標(biāo)滾輪控制 ,isThumb : 0 //是否顯示縮略圖 ,thumbNum : 3 //是否顯示縮略圖 ,thumbHeight : 80 //縮略圖高度 默認(rèn)80 ,thumbWidth : 150 //縮略圖寬度 默認(rèn)150 ,thumbOptions : {} //傳遞給縮略圖的參數(shù) });
二、元素相對父元素垂直居中
$('.select').taiduyun('verticalCenter',{ parentHeight:$_Y['height'] //父容器的高度,默認(rèn)是瀏覽器高度 ,style:'paddingTop' //定位屬性,默認(rèn)是 paddingTop ,可選值 top });