為了方便開發者,系統內部有內置常用的 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 });