今天開發網站的時候,發現別人家的網站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();
});
希望對各位朋友有所朋友,感謝大家~
轉載請注明:?蝸牛SEO? ? 關于網站js切換的時候圖片或內容會閃爍的問題解決方案