CSS使图片向左滚动的新代码

资讯 驱动中国 朱丹丹 4,524 次阅读 0 条评论
分享 Q

其中的-3是为了弥补IE下抖一下的问题

在火狐下是-7

<style type="text/css">

<!--

#demo {

overflow:hidden;

border: 1px dashed #CCC;

width: 400px;

height:100px;

}

#indemo {

float: left;

width:5000%;

}

-->

</style>

<div id="demo">

<div id="indemo">

<span id="demo1">

<img src=""  /><img src=""  /><img src=""  /><img src=""  /><img src=""  /><img src=""  /></span>

<span id="demo2"></span>

</div>

</div>

<script>

<!--

var speed=10;

demo2.innerHTML=demo1.innerHTML;

function Marquee(){

if(demo2.offsetWidth-demo.scrollLeft == -3)

demo.scrollLeft = 0;

else{

demo.scrollLeft++;

}

}

var MyMar=setInterval(Marquee,speed);

demo.onmouseover=function() {clearInterval(MyMar)};

demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)};

-->

</script>  

版权声明:本文由驱动中国整理发布,转载需注明出处与原文链接。如有疑问请联系 editor@qudong.com
本文价值 成为第一个评分的人
登录后为本文打分
网友评论0 条评论
正在回复 的评论取消
评论加载中…
🔐

登录后参与互动

评论、点赞均可赚积分
连续签到、邀请好友也有奖励 🎁

电脑端: 微信扫码登录 微信内: 一键登录

微信扫一扫

打开微信「扫一扫」,分享本文到朋友圈或好友