📄 ch3-037.txt
字号:
<HTML>
<HEAD>
<TITLE>文本特效篇--左右滚动的文本</TITLE>
</HEAD>
<BODY bgcolor="#fef4d2" >
<br><br>
<center>
<font color="ffaafa"><h2>文本特效篇--左右滚动的文本</h2></font>
<hr width=300>
<br><br>
<!-- 案例代码1开始 -->
<script language=JavaScript>
<!-- [Step1]: 在此能够更改滚动文本的宽度 -->
var MarqueeWidth=300
<!-- [Step2]: 这里可以改变滚动文本的高度 -->
var MarqueeHeight=10
<!-- [Step3]: 在此能够修改文本滚动的速度，数值大，滚动快 -->
var speed=7
<!-- [Step4]: 这里可以更改滚动文本的颜色 -->
<!-- [Step5]: 在此能够修改滚动文本的内容 -->
var MarqueeMessage='<font face="Arial" color=#FF0066><strong><big>传统的HTML语言不能开发交互式的动态网页，而JavaScript却能很好的做到这一点。JavaScript是一门相当简单易学的网络化编程语言，通过把她和HTML语言相互结合起来，能够实现实时的动态网页特效，这给网页浏览者在浏览网页的同时也提供了某些乐趣。</big></strong></font>'
if (document.all)
document.write('<marquee scrollAmount='+speed+' style="width:'+MarqueeWidth+'">'+MarqueeMessage+'</marquee>')
function RegLayers(){
if (document.layers){
setTimeout("window.onresize=RegLayers",450)
intializemarquee()
}
}
function intializemarquee(){
document.MarqueeText001.document.MarqueeText002.document.write('<nobr>'+MarqueeMessage+'</nobr>')
document.MarqueeText001.document.MarqueeText002.document.close()
thelength=document.MarqueeText001.document.MarqueeText002.document.width
ScrollText()
}
function ScrollText(){
if (document.MarqueeText001.document.MarqueeText002.left>=thelength*(-1)){
document.MarqueeText001.document.MarqueeText002.left-=speed
setTimeout("ScrollText()",100)
}
else{
document.MarqueeText001.document.MarqueeText002.left=MarqueeWidth
ScrollText()
}
}
window.onload=RegLayers
</script>
<!-- 案例代码1结束 -->
<!-- 案例代码2开始 -->
<ilayer width=&{MarqueeWidth}; height=&{MarqueeHeight}; name="MarqueeText001">
<layer name="MarqueeText002"></layer>
</ilayer>
<!-- 案例代码2结束 -->
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -