首頁  >  文章  >  web前端  >  呼叫jQuery滑出效果時閃爍的解決方法_javascript技巧

呼叫jQuery滑出效果時閃爍的解決方法_javascript技巧

WBOY
WBOY原創
2016-05-16 16:54:031355瀏覽

問題現像如題所示,在調用jQuery 滑出效果時,層會現行閃爍一下.在網上找了許多解決文案,說要加如下標示:

複製代碼 代碼如下:



可問題是現在的標題頭已為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();
}
}
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn