百度优化大师 发表于 2013-1-13 00:57:37

ScrollPic插件实现图片翻滚代码 IE8不循环解决办法

ScrollPic插件实现图片翻滚代码 IE8不循环解决办法,【解决】ScrollPic在ie8下不循环滚动,只滚动一边然后变为空白,ie6、ie7、chrome、firefox都正常
网上有很多说在<head>里加一句:
         <meta http-equiv="X-UA-Compatible" content="IE=7" />
          <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
就可以解决,实际测试根本没有效果,原来是在ScrollPic.js里有个cssFloat这个样式除ie外都支持就tmd ie不支持,解决方法改为styleFloat。这时会发现ie下正常了,但是其他浏览器却只滚动一次,解决思路,先用js判断浏览器类型,然后使用不同的样式:cssFloat或styleFloat。





浮动在IE与标准的浏览器的js写法是不合的 IE是 styleFloat,标准的为cssFloat’

所以在js文件中,找到以下代码


this.listDiv01.style.cssFloat=”left”;this.listDiv02.style.cssFloat=”left”;

要断定若是是IE:

this.listDiv01.style.styleFloat=”left”;this.listDiv02.style.styleFloat=”left”;

是以具体办法是:

将ScrollPic.js中的


this.listDiv01.style.cssFloat="left";this.listDiv02.style.cssFloat="left"

改为:

if(!+){this.listDiv01.style.styleFloat="left";this.listDiv02.style.styleFloat="left";}else{this.listDiv01.style.cssFloat="left";this.listDiv02.style.cssFloat="left";}



页: [1]
查看完整版本: ScrollPic插件实现图片翻滚代码 IE8不循环解决办法