欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

調(diào)用jQuery滑出效果時閃爍的解決方法

 更新時間:2014年03月27日 16:45:22   作者:  
這篇文章主要介紹了在調(diào)用jQuery 滑出效果時,層會現(xiàn)次閃爍一下的解決方法,需要的朋友可以參考下
問題現(xiàn)象如題所示,在調(diào)用jQuery 滑出效果時,層會現(xiàn)次閃爍一下.在網(wǎng)上找了許多解決文案,說要加如下標示:
復制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

可問題是現(xiàn)在的 標題頭已 為 html4.0 ,如若改為上面的情況,則頁面會亂掉。最終找到了一個高手寫的東東,重寫的jQuery的滑出

效果。高手的鏈接地址如下:
http://aqr199.myweb.hinet.net/jquery_slide_iebug.htm

代碼如下:
復制代碼 代碼如下:

var b1 = new slide_fix($('#Div3'));
$('#Button5').click(function(){b1.close();});//收
$('#Button6').click(function(){b1.open();});//開

function slide_fix(b){

var h = b.height();
var step = 600;
var time = 13;

this.open = function(){
timeRate(step,function(c,r){
var h1 = h*r;
b.height(h1);
if(c==1){b.show();}
});
}

this.close = function(){
timeRate(step,function(c,r){
var h1 = h *(1-r);
b.height(h1);
if(r==1){b.hide();}
});
}

function timeRate(step,fn){
var t = now();
var count = 1;
var timeId = setInterval(function(){
var t1 = now();
var rate = ((t1-t)>step) ? 1 : (t1-t)/step;
fn(count,rate);
if(rate==1){clearInterval(timeId);}
count++;
},time);
}

function now() {
return (new Date).getTime();
}
}

相關文章

最新評論