萬盛學電腦網 >> 腳本專題 >> javascript >> 調用jQuery滑出效果時閃爍的解決方法
調用jQuery滑出效果時閃爍的解決方法
這篇文章主要介紹了在調用jQuery 滑出效果時，層會現次閃爍一下的解決方法,需要的朋友可以參考下
問題現象如題所示，在調用jQuery 滑出效果時，層會現次閃爍一下.在網上找了許多解決文案，說要加如下標示： 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 可問題是現在的 標題頭已 為 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(); } }javascript排行
程序編程推薦
相關文章
copyright © 萬盛學電腦網 all rights reserved