js实现跑马灯效果

最新推荐文章于 2021-01-18 14:14:00 发布

wonderchen8922

最新推荐文章于 2021-01-18 14:14:00 发布

阅读量323

点赞数 1

CC 4.0 BY-SA版权

文章标签：通知公告跑马灯 js

本文链接：https://blog.youkuaiyun.com/wonderchen8822/article/details/51096800

<html>
<head>
<title>paomadeng</title>

<script language="javascript" type="text/javascript">
function RunText()
{
var varSpan=document.getElementById("spanId");
if((parseInt(varSpan.style.left)+parseInt(varSpan.style.width))<=0)
varSpan.style.left= 750+"px";
varSpan.style.left=parseInt(varSpan.style.left)-5+"px";
window.setTimeout("RunText()",100);
}
</script>

</head>

<body onload="RunText()">
<span id="spanId" style="width:300px; background-repeat:no-repeat; left:750px;position:absolute;">

<b>内容123456789</b>
</span>
</body>

</html>