首页 / JQUERY / 调用jQuery滑出效果时闪烁的解决方法_javascript技巧

调用jQuery滑出效果时闪烁的解决方法_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了调用jQuery滑出效果时闪烁的解决方法_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1034字，纯文字阅读大概需要2分钟。

内容图文

问题现象如题所示，在调用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();
}
}

内容总结

以上是互联网集市为您收集整理的调用jQuery滑出效果时闪烁的解决方法_javascript技巧全部内容，希望文章能够帮你解决调用jQuery滑出效果时闪烁的解决方法_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/320352.html

来源：【匿名】