网页中的滚动字幕怎么做?

html-css015

网页中的滚动字幕怎么做?,第1张

<blockquote><marquee direction="up" scrollamount="1" height="260" onmouseover='this.stop()' onmouseout='this.start()' width="447">

<p class="STYLE8">后面加文字内容

这是我做网页中的一段代码,给你借鉴一下,其中的height="260"是我的文字的幅高width="447"是文字幅宽,这个你不用一样,<p class="STYLE8">这是我做的一个文字的CSS样式,你也不用一样,其中的onmouse这是指鼠标在文字上面字幕停止,鼠标离开后,字幕继续滚动的代码,主要对鼠标的

你试下

给你一段代码你自己按照实际情况修改就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>