山滚云

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

网站开发知识 1087℃ 喜欢 (0)

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

1、阿里云服务器、数据库、对象存储OSS月付,优惠5-8折(新老用户不限)~
2、阿里云服务器、数据库、对象存储OSS年付/多年付,优惠5-8折(限新用户)~
3、腾讯云服务器、数据库、对象存储OSS月付,优惠5-8折(新老用户不限)~
4、腾讯云服务器、数据库、对象存储OSS年付/多年付,优惠5-8.5折(新老用户不限)~
5、华为云服务器、数据库、对象存储OSS,优惠购买5-8折~
6、景安网络快云服务器、快云VPS最低2折起优惠购买~
7、天翼云服务器、数据库、对象存储OSS,优惠购买2折起~
8、火山云服务器、数据库、对象存储OSS,优惠购买2折起~
1、阿里云最新活动页,云服务器79元/年起~>>
2、腾讯云最新活动页,云服务器68元/年起~>>
3、华为云最新活动页,云服务器35元/年起~>>
4、香港恒创轻云服务器218元一年,436元3年起~>>
5、山滚云香港虚拟主机50元一年,100元三年起~>>
6、山滚云独立IP虚拟主机118元一年起~>>

山滚网络是国内领先的网络服务商,有丰富的客户服务经验,我们有专业的云服务器代理、各类云计算产品、网站建设、网站优化、团队,为您提供优质的服务,您的满意是我们不懈的追求。

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

业务范围:阿里云6折起,腾讯云华为云6折起,天翼云火山云景安网络2折起,深圳建站公司    微信:ganshangwoniu    QQ:549233124    业务咨询热线:177-2050-9380

   Copyright © 2008-2024 山滚网络版权所有   

QQ在线咨询
上海SEO山滚网络微信号