html css设置文字滚动

html-css017

html css设置文字滚动,第1张

<marquee style="WIDTH: 388pxHEIGHT: 200px" scrollamount="2" direction="up" >

<div align="left" >

</div >

<center ><font face="黑体" color="#008000" size="4" ></font ></center >

<div align="left" >

</div >

<center >

<p ><font color="#ff6600" size="4" >滚动文字</font ></p >

<p ><font color="#ff4500" size="4" >滚动文字</font ></p >

<p ><font color="#ff3300" size="4" >滚动文字</font >

</p >

</marquee >

marquee 参数:

BGColor:滚动文本框的背景颜色。

Direction:滚动方bai向设置,可选择Left、Right、up和down。

scrolldelay:每轮滚动之间的延迟时间,越大越慢。

scrollamount:一次滚动总的时间量,数字越小滚动越慢。

Behaviour:滚动的方式设置,三种取值:Scroll(循环滚动) lide(单次滚动)、Alternate(来回滚动)。

Align:文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。

Width:滚动文本框的宽度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。

Height:滚动文本框的高度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。

loop:滚动次数。默认为infinite

hspace、vspace:前后、上下的空行。

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

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