/* * Mslider javascript 幻燈輪播插件 * 動畫算法參考 http://www.cnblogs.com/cloudgamer/archive/2009/01/06/Tween.html * @param {String} id 幻燈容器的ID名 必須 * @param {Boolean} auto 是否開啟自動播放 default = true * @param {Number} time 默認切換時間 default = 4000 * @param {Number} speed 動畫執行速度 default = 40 * @param {String} effect 動畫執行效果 default = [ Linear, Quint, Expo, Bounce ]; * @param {String} direction 動畫執行方向 default = [ Lateral, Vertical ] Lateral=橫向,Vertical=豎向 * @param {String} arrowLeft 幻燈Prev ID名 * @param {String} arrowRight 幻燈Next ID名 * @param {Bollean} isHidden 幻燈 Prev 和 Next 是否開啟自動隱藏 * @param {String} nav 幻燈片小導航 ID名 * @param {String} navEvent 幻燈片小導航觸發事件 default = [ click, mouseover ] * @param {String} current 默認導航 a className 名 default = current * @param {String} isText 默認是否顯示 文本容器 default = false * @param {String} text 幻燈 Slider Text 容器的 ID名 * * @author M.J * @URL http://webjyh.com * @Demo http://demo.webjyh.com/Mslider/ * @Time 2014/03/21 * @Ver 1.1.0 */ (function(){var Mslider=function(params){var _this=this;if(!params)return false;_this.id=_this.$$(params.id);_this.ul=_this.id.getElementsByTagName('ul')[0];_this.li=_this.ul.getElementsByTagName('li');_this.width=_this.id.offsetWidth;_this.height=_this.id.offsetHeight;_this.index=0;_this.re=null;_this.animateTime=null;_this.textArr=[];_this.options={auto:params.auto?true:false,time:params.time?params.time:4000,speed:params.speed?params.speed:40,effect:params.effect?params.effect:'Quint',direction:params.direction?params.direction:'Lateral',arrowLeft:params.arrowLeft?_this.$$(params.arrowLeft):null,arrowRight:params.arrowRight?_this.$$(params.arrowRight):null,isHidden:params.isHidden?true:false,nav:params.nav?_this.$$(params.nav):null,navEvent:params.navEvent?params.navEvent:'click',current:params.current?params.current:'current',isText:params.isText?true:false,text:params.text?_this.$$(params.text):null};_this.init()};Mslider.prototype={$$:function(id){return document.getElementById(id)},addEventCheck:function(obj,evt,fn){if(obj.addEventListener){obj.addEventListener(evt,fn,false)}else if(obj.attachEvent){obj.attachEvent('on'+evt,fn)}},createCss:function(obj,css){var cssStr='';for(attr in css){cssStr+=attr+":"+css[attr]+";"}obj.style.cssText=cssStr},setCss:function(){var _this=this,cssUl={'width':_this.options.direction=='Lateral'?_this.width*_this.li.length+'px':_this.width+'px','height':_this.options.direction=='Lateral'?_this.height+'px':_this.height*_this.li.length+'px','margin':'0px','clear':'both'},cssLi={'width':_this.width+'px','height':_this.height+'px','float':_this.options.direction=='Lateral'?'left':'none','overflow':'hidden'};_this.createCss(_this.ul,cssUl);for(var i=0;i<_this.li.length;i++){_this.createCss(_this.li[i],cssLi)}},createHtml:function(obj){var _this=this;var ul=document.createElement('ul');for(var i=0;i<_this.li.length;i++){var li=document.createElement('li');var a=document.createElement('a');a.setAttribute('href','javascript:;');a.innerText=i+1;li.appendChild(a);ul.appendChild(li)}obj.appendChild(ul)},setClass:function(obj,index){var _this=this;for(var i=0;i=_this.li.length){_this.index=0}e=(_this.options.direction=='Lateral')?-_this.index*_this.width:-_this.index*_this.height;b=(_this.options.direction=='Lateral')?parseInt(_this.ul.style.marginLeft):parseInt(_this.ul.style.marginTop);c=e-b;_this.animate(t,b,c,d);if(_this.options.nav){var li=_this.options.nav.getElementsByTagName('ul')[0].getElementsByTagName('li');_this.setClass(li,_this.index)}if(_this.options.text){_this.setText(_this.index)}},mouseover:function(){var _this=this;if(_this.options.arrowLeft&&_this.options.arrowRight){_this.createCss(_this.options.arrowLeft,{"display":"block"});_this.createCss(_this.options.arrowRight,{"display":"block"})}clearInterval(_this.re)},mouseout:function(){var _this=this;if(_this.options.arrowLeft&&_this.options.arrowRight){if(_this.options.isHidden){_this.createCss(_this.options.arrowLeft,{"display":"none"});_this.createCss(_this.options.arrowRight,{"display":"none"})}}if(_this.options.auto){_this.interval()}},arrowsLeft:function(){var _this=this;_this.action(_this.index--)},arrowsRight:function(){var _this=this;_this.action(_this.index++)},interval:function(){var _this=this;_this.re=setInterval(function(){_this.action(_this.index++)},_this.options.time)},navfun:function(){var _this=this;_this.createHtml(_this.options.nav);var li=_this.options.nav.getElementsByTagName('ul')[0].getElementsByTagName('li');for(var i=0;i精品视频在线看免费观看,一级黄断日本中文字幕,骚穴大鸡巴在线观看,99国内精品偷拍视频,国产大屁股喷水视频在线观看