用<marquee/>标签实现，html代码示例如下
<html><head>
<title>文字滚动示例</title>
</head>
<body>
<div>
水平滚动：
<marquee direction="left" align="bottom" height="25" width="100%" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" scrolldelay="1">水平滚动字幕内容</marquee>
</div>
<div>
垂直滚动：
<marquee direction="up" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollAmount="1" scrollDelay="1">垂直滚动字内容</marquee>
</div>
</body>
</html>
<script>window.onload = function(){ //页面加载完成执行
var images = document.getElementsByTagName('img')//取得所有img图片
var pos = 0//定义pos变量初始值=0
var len = images.length//取得图片个数
setInterval(function(){//定每1秒时执行
images[pos].style.display = 'none'//第一个图片隐藏,
pos = ++pos == len ? 0 : pos//pos在图片个数范围内递增
images[pos].style.display = 'inline'//下一个图片显示
},1000)
}
</script>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）