方法一:MARQUEE是最简单的一种,把要想滚动的内容放到<marquee></marquee>中,代码如下:
<marquee behavior="scroll" align="middle" direction="right" onmouseover="this.stop()" onmouseout="this.start()">
这里可以放图片或者文字
</marquee>
标签内的direction="xxx" 可以替换为 up down left right
方法二:用js+div来写,稍微复杂些
<div id=cfdemo style="overflow: hidden; width: 100%; height: 120px">
<table cellspacing=0 cellpadding=0 align=left border=0 cellspace="0">
<tbody>
<tr>
<td id=cfdemo1>
要滚动的内容,这个滚动是不间隔的滚动
</td>
<td id=cfdemo2 width=10></td></tr></tbody></table></div>
<script>
var speed=20; //改变该数值可改变滚动速度,数值越小,速度越快
cfdemo2.innerhtml=cfdemo1.innerhtml
function cfmarquee(){
if(cfdemo2.offsetwidth-cfdemo.scrollleft<=0)
cfdemo.scrollleft-=cfdemo1.offsetwidth
else{
cfdemo.scrollleft++
}
}
var cfmar=setinterval(cfmarquee,speed)
cfdemo.onmouseover=function() {clearinterval(cfmar)}
cfdemo.onmouseout=function() {cfmar=setinterval(cfmarquee,speed)}
</script>