部分代码如下:
<div id="imgsBigContent">
<a href="#"><img src="imges/01.jpg"/></a>
<a href="#"><img src="imges/02.jpg"/></a>
<a href="#"><img src="imges/03.jpg"/></a>
<a href="#"><img src="imges/04.jpg"/></a>
<a href="#"><img src="imges/05.jpg"/></a>
<a href="#"><img src="imges/06.jpg"/></a>
</div>
在IE6、IE7下滚动的时候克隆的图片正常滚动(留有空白位子),就是不显示(IE8、谷歌,firefox等浏览器正常)
var imgsBigContent = document.getElementById("imgsBigContent");
alert(imgsBigContent.getElementsByTagName("a").length);//6
var cloneImgsBigContent = imgsBigContent.cloneNode(true);
imgsBigContent.appendChild(cloneImgsBigContent);
alert(imgsBigContent.getElementsByTagName("a").length);//12
IE6
IE7
图片
------解决方案--------------------
测试没问题,不行设置innerHTML试试
var imgsBigContent = document.getElementById("imgsBigContent");
imgsBigContent.innerHTML+=imgsBigContent.innerHTML