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]