HTML5案例作者：蓝文 - 2016年4月9日

没有评论

淘宝店铺实现显示无缝滚动图片，不使用marquee

<div id=”scrollobj” style=”white-space:nowrap;overflow:hidden;width:100%;background:url(http://gdp.alicdn.com/imgextra/i2/671477485/TB2_OdlhVXXXXbeXXXXXXXXXXXX_!!671477485.png) 50% 50% no-repeat;outline:none;display:block;width:100%;height:258px;top:0px;left:0px;z-index:10;cursor:default;”>
<img src=”https://img.alicdn.com/imgextra/i2/2661162611/TB21KkmmFXXXXXsXpXXXXXXXXXX_!!2661162611.png” alt=”https://img.alicdn.com/imgextra/i2/2661162611/TB21KkmmFXXXXXsXpXXXXXXXXXX_!!2661162611.png” class=”transparent”>
</div>
<img style=”float:right;position:absolute;top:40px;” src=”http://localhost/1gear/111.png” class=”transparent”>

<script language=”javascript” type=”text/javascript”>
<!–
function scroll(obj) {
var tmp = (obj.scrollLeft)++;
//当滚动条到达右边顶端时
if (obj.scrollLeft==tmp) obj.innerHTML += obj.innerHTML;
//当滚动条滚动了初始内容的宽度时滚动条回到最左端
if (obj.scrollLeft>=obj.firstChild.offsetWidth) obj.scrollLeft=0;
}
setInterval(“scroll(document.getElementById(‘scrollobj’))”,20);
//–>
</script>

郑重声明：

1 本资源来源于互联网，资源的版权归资源原作者所持有，受《中华人民共和国著作权法》等相关法律保护。

2 由于无法和原作者取得联系，所以上传的部分资源无法先通过原作者的同意就分享给大家了，如本资源侵犯了您（原作者）的权益，请联系我们（微信号 xiaohaimei1989），我们会立马删除您的资源，并向您表达诚挚的歉意！

3 本站是一个公益型网站，分享资源的目的在于传播知识，分享知识，收取一点点打赏的辛苦费是用于网站的日常运营开支，并非用于商业用途。

4 本站资源只提供学习和参考研究使用，使用过后请在第一时间内删除。本站不承担资源被单位或个人商用带来的法律责任。

发表评论取消回复

要发表评论，您必须先登录。