<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:前后、上下的空行。
1、打开Hbuilder编辑器,新建一个html空白文档,输入基本的结构,这里设置一个外围的div盒子,给外围的div高度宽度和背景颜色,文字包裹到span标签里,文字也设置一下颜色,按下Crtl+S保存一下:
2、此时可以在软件右侧的窗口可以看到效果:
3、把外围盒子的position属性设置为relative,span标签里的position属性设置为absolute,设置top、left、right、bottom的数值,此时在右侧的窗口就会发现文字的位置已经改变了:
给你一段代码你自己按照实际情况修改就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>