山滚云

关于网站js切换的时候图片或内容会闪烁的问题解决方案

建站知识 358℃

今天开发网站的时候,发现别人家的网站js切换的时候不闪烁,有边框的地方边栏不动只有内容动,如果内容有文字完全一样的地方甚至内容都不动,而自己写出来的页面不管是图片切换还是内容切换,都会出现闪烁的问题。

上网搜索找了半天,结果没有找到想要的答案。

于是突发奇想,把自己的那一段js注销掉,然后那一个不闪烁的网页的那一部分js切换效果的js复制过来试了一下,居然真的不闪烁了,今天算是长知识了,

特此把之前用的js切换效果的js代码与不再闪烁的代码放在这里,供有需要的人下载使用。

会闪烁的js代码:

$(“.woniuseo li”).mouseover(function(){
var _index=$(this).index();
$(this).addClass(“pass”).siblings(“li”).removeClass(“pass”);
$(“#woniu .seo”).eq(_index).fadeIn(100).siblings(“.seo”).fadeOut(100);
});

 

不会闪烁的js代码:

$(‘.woniuseo li’).mouseover(function(){
$(this).addClass(“pass”).siblings().removeClass(“pass”);
$(“#woniu .seo”).hide().eq($(‘.woniuseo li’).index(this)).show();
});

 

希望对各位朋友有所朋友,感谢大家~

转载请注明:⎛蜗牛建站⎞ » 关于网站js切换的时候图片或内容会闪烁的问题解决方案

蜗牛营销是国内领先的搜索营销服务商,有丰富的客户服务经验,我们有专业的网站优化、网站建设、APP开发、全网营销团队,可以持续为您提供优质的服务,您的满意是我们不懈的追求。

城市分站:网站建设北京网站建设上海网站建设广州网站建设深圳网站建设成都网站建设重庆网站建设武汉网站建设

业务范围:网站建设,app开发,网站优化,虚拟主机    微信:ganshangwoniu    QQ:549233124    业务咨询热线:177-2050-9380

   Copyright © 2008-2024 网站建设版权所有   

QQ在线咨询
北京网站开发公司微信号