手机
当前位置:查字典教程网 >编程开发 >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();

}

}

【调用jQuery滑出效果时闪烁的解决方法】相关文章:

jQuery取消ajax请求的方法

jQuery计算文本框字数及限制文本框字数的方法

jQuery解析XML文件同时动态增加js文件的方法

jQuery实现转动随机数抽奖效果的方法

jQuery实现限制textarea文本框输入字符数量的方法

jQuery判断一个元素是否可见的方法

JS/Jquery判断对象为空的方法

jQuery切换所有复选框选中状态的方法

jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法

Javascript通过overflow控制列表闭合与展开的方法

精品推荐
分类导航