ScrollPic在ie8下不循环滚动的完美解决方案
带左右箭头滚动的焦点图在IE8里面不会只循环了两次,怎样让它重复循环,在IE6、7可以重复循环?
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’
是以具体办法是:
将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";}