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

  次阅读 作者:智能小宝 来源:互联网 2016-01-26 10:23 我要评论(0)

这篇文章主要介绍了在调用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();

}

}

本站文章信息来源于网络以及网友投稿,本站只负责对文章进行整理、排版、编辑,是出于传递更多信息之目的,并不意味着赞同其观点或证实其内容的真实性。如果您有什么意见或建议,请联系QQ28-1688-302!

人工智能实验室
相关文章相关文章
  • 韩春雨称已能重复实验结果 近期将有消息公布

    韩春雨称已能重复实验结果 近期将有消息公布

  • 未来两年人工智能要怎么走?看这篇就够了

    未来两年人工智能要怎么走?看这篇就够了

  • 英国研发“杀生”机器人 通过生命体获取能量

    英国研发“杀生”机器人 通过生命体获取能量

  • 无人驾驶汽车如何改变城市生活?听听他们怎么说

    无人驾驶汽车如何改变城市生活?听听他们怎么说

网友点评网友点评
阅读推荐阅读推荐

据国外媒体报道,在过去两年内,聊天机器人(chatbot)、人工智能以及机器学习的研发和采用取得了巨大进展。许多初创公司正利用人工智能和...

霍金 视觉中国 图 英国著名物理学家霍金(Stephen Hawking)再次就人工智能(AI)发声,他认为:对于人类来说,强大AI的出现可能是最美妙的...

文|郑娟娟 今年,人工智能(AI) 60岁了。在AI60岁的时候,笔者想要介绍一下AI100,一个刚刚2岁的研究项目,但它的预设寿命是100年,甚至更长...

AlphaGo与李世石的人机大战,为大众迅速普及了人工智能的概念。 但对谷歌而言,除了下围棋,现在的人工智能进展到哪一步了?未来,人工智能...