今天開(kāi)發(fā)網(wǎng)站的時(shí)候,發(fā)現(xiàn)別人家的網(wǎng)站js切換的時(shí)候不閃爍,有邊框的地方邊欄不動(dòng)只有內(nèi)容動(dòng),如果內(nèi)容有文字完全一樣的地方甚至內(nèi)容都不動(dòng),而自己寫(xiě)出來(lái)的頁(yè)面不管是圖片切換還是內(nèi)容切換,都會(huì)出現(xiàn)閃爍的問(wèn)題。
上網(wǎng)搜索找了半天,結(jié)果沒(méi)有找到想要的答案。
于是突發(fā)奇想,把自己的那一段js注銷(xiāo)掉,然后那一個(gè)不閃爍的網(wǎng)頁(yè)的那一部分js切換效果的js復(fù)制過(guò)來(lái)試了一下,居然真的不閃爍了,今天算是長(zhǎng)知識(shí)了,
特此把之前用的js切換效果的js代碼與不再閃爍的代碼放在這里,供有需要的人下載使用。
會(huì)閃爍的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);
});
不會(huì)閃爍的js代碼:
$(‘.woniuseo li’).mouseover(function(){
$(this).addClass(“pass”).siblings().removeClass(“pass”);
$(“#woniu .seo”).hide().eq($(‘.woniuseo li’).index(this)).show();
});
希望對(duì)各位朋友有所朋友,感謝大家~
轉(zhuǎn)載請(qǐng)注明:?蝸牛SEO? ? 關(guān)于網(wǎng)站js切換的時(shí)候圖片或內(nèi)容會(huì)閃爍的問(wèn)題解決方案