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

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

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(!+[1,]){this.listDiv01.style.styleFloat="left";this.listDiv02.style.styleFloat="left";}else{this.listDiv01.style.cssFloat="left";this.listDiv02.style.cssFloat="left";}

		自动登录	找回密码
密码			立即注册

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

浏览过的版块