css关于文字滚动！

html-css09

css关于文字滚动！,第1张

给你一段代码你自己按照实际情况修改就ok了。主要是吧你要滚动的文字放在中间

<div id="mq" style="width:100%height:70pxoverflow:hidden" onmouseover="iScrollAmount=0"

onmouseout="iScrollAmount=1">

你要滚动的文字

</div>

<script>

var oMarquee = document.getElementById("mq")//滚动对象

var iLineHeight = 42//单行高度，像素

var iLineCount = 7//实际行数

var iScrollAmount = 1//每次滚动高度，像素

function run() {

oMarquee.scrollTop += iScrollAmount

if ( oMarquee.scrollTop == iLineCount * iLineHeight )

oMarquee.scrollTop = 0

if ( oMarquee.scrollTop % iLineHeight == 0 ) {

window.setTimeout( "run()", 0 )

} else {

window.setTimeout( "run()", 50 )

}

}

oMarquee.innerHTML += oMarquee.innerHTML

window.setTimeout( "run()", 0 )

</script>

我知道文字滚动的标记是marquee，

Direction参数可设置:up

down

left

right

(控制滚动方向)；

Scrolldelay参数是设置=

100

(100就是速度，值越大滚动越快……)；

onMouseOut=this.start(）表示鼠标移出状态滚动；

onMouseOver=this.stop()

表示鼠标经过时停止滚动。