DIV滑動效果

2021-05-01 12:56:57 字數 2234 閱讀 9246

}slider.prototype.cycle = function() //單步迴圈動作

else//給div透明度賦值

switch(this.direction)//根據彈出方向計算和設定div的動作

else

break;

case 2:   //top to bottom

var opx = this.target.style.margintop.split("px")[0];

var pxstep = math.round((this.height / this.step)+0.5);

var npx = number(opx) + number(pxstep);

if (npx>0)else

break;

case 3:   //right to left

var opx = this.target.style.marginright.split("px")[0];

var pxstep = math.round((this.width / this.step)+0.5);

var npx = number(opx) + number(pxstep);

if (npx>0)else

break;

}this.i++ //計數器+1

if (this.i>(this.step-1)) //迴圈完畢,清除迴圈定時

}slider.prototype.decycle = function() //單步迴圈動作

else

break;

case 2:   //top to bottom

var opx = this.target.style.margintop.split("px")[0];

var pxstep = math.round((this.height / math.round(this.step*0.5))+0.5);

var npx = number(opx) - number(pxstep);

if (math.abs(npx)>this.height+2)else

break;

case 3:   //right to left

var opx = this.target.style.marginright.split("px")[0];

var pxstep = math.round((this.width / math.round(this.step*0.5))+0.5);

var npx = number(opx) - number(pxstep);

if (math.abs(npx)>this.width+2)else

break;

}this.i++ //計數器+1

if (this.i>(math.round(this.step*0.5)-1)) //迴圈完畢,清除迴圈定時

}//關於如何使用這個**的說明:

//上面的**可以封裝成為乙個單獨的js檔案,然後包含在頁面當中

//然後使用下面的**進行slider初始化,乙個頁面可以使用多個slider,下面的**必須在頁面底部之前,否則可能會報錯

//var topslider = new slider('topcontainer',2,80,734,20,2,20);

//var leftslider = new slider('leftcontainer',1,398,120,20,1,20);

//引數分別代表的意義可以在**頂端看到

//控制slider動作可以使用兩種方式

//一種是使用下面宣告的名字呼叫,比如topslider.show(),topslider.hide()

//另一種可以使用slider.names[0].show(),slider.names[0].hide(),下標取決於slider初始化的順序

滑動表層div時阻止底層div滑動

我給body乙個overflow hidden和高度是沒有用的。手機 上背景還是可以滑動,然後我給body乙個touchmove的preventdefault 阻止事件,body滑動阻止了,pc上面是可以了,但是手機上面滑動div還是會導致底部body的滑動,我給div 乙個阻止冒泡的事件stopp...

滑動效果 一

自定義乙個view,讓他隨著手指的滑動而滑動。xmlns tools android layout width match parent android layout height match parent tools context mainactivity example scorllview ...

jQuery效果 滑動

jquery 效果 滑動 jquery 滑動方法可使元素上下滑動。jquery 滑動方法 通過 jquery,您可以在元素上建立滑動效果。jquery 擁有以下滑動方法 slidedown slideup slidetoggle jquery slidedown 方法用於向下滑動元素。語法 sele...