国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

調用jQuery滑出效果時閃爍的解決方法

2024-05-06 16:03:22
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了在調用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的滑出

效果。高手的鏈接地址如下:


代碼如下:

復制代碼 代碼如下:


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();
}
}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 凉山| 会昌县| 澎湖县| 饶平县| 凭祥市| 普洱| 察隅县| 宁安市| 称多县| 都匀市| 尖扎县| 定结县| 奎屯市| 通江县| 惠来县| 司法| 浦北县| 永定县| 乌拉特前旗| 静安区| 鹿泉市| 紫金县| 峡江县| 柳江县| 遂宁市| 乐亭县| 太仓市| 饶河县| 朔州市| 平遥县| 司法| 武隆县| 吴旗县| 蓬溪县| 大兴区| 芜湖市| 武平县| 康保县| 北辰区| 岑溪市| 修武县|