今天开发网站的时候,发现别人家的网站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切换的时候图片或内容会闪烁的问题解决方案