📄 smalltobig.htm

📁 javascript源码百例学习javascript基础编程的很不错的演示源代码

💻 HTM

字号:

<html>

<head>
<title>文字特效</title>
<style>
p.main{font-fanmily:;}
</style>
<script Language="Javascript">
<!-- 
bname=navigator.appName;      //浏览器的名字
bversion=parseInt(navigator.appVersion)
if ((bname=="Netscape" && bversion>=4) || (bname=="Microsoft Internet Explorer" && bversion>=4)){
if (bname=="Netscape"){
brows=true
del=90
}
else{
brows=false
del=150
}
var msg=0;
var z=0;
var timer1;
var message= new Array();
var color= new Array();
var values= new Array('1','2','3','4','5','6','7','8','9','10','11','12')

// 页面中变幻的信息，和信息显示时的颜色

message[0]='THIS IS MY WEB:'
color[0]='#FF0000'

message[1]='202.112.130.213'
color[1]='#0000FF'

message[2]='WELCOME TO VISITE MY WEB!'
color[2]='#FFFF00'

message[3]='PLEASE LEAVE YOUR WORD'
color[3]='#FFFFFF'

message[4]='IF YOU HAVE SOMETHING TO SAY!'
color[4]='#00FF00'

message[5]='THANK YOU VERY MUCH!'
color[5]='#FF0000'

function doit(){
if(z<values.length){
if (brows){
document.layers['text'].document.writeln('<P Align=Center><font color='+color[msg]+' size='+values[z]+' face=Arial><NOBR>'+message[msg]+'</NOBR></font></P>')
document.layers['text'].document.close();
}
else{
text.innerHTML='<Pre><P Align=Center><font color='+color[msg]+' size='+values[z]+' face=Arial><NOBR>'+message[msg]+'</NOBR></font></P></Pre>'
}
z++;
timer1=window.setTimeout('doit()',del)
}
else
chg()
}

function stop(){
window.clearTimeout(timer1);
for (x=0; x<2000; x++){}
}

function chg(){
if (brows){
document.layers['text'].document.writeln('')
document.layers['text'].document.close();
}
else
text.innerHTML='';
if(msg<message.length-1){
msg++;
}
else
msg=0;
z=0;
doit()
}
}
-->
</script>
</head>
<body LINK="#FF0000" VLINK="#FF0000" ALINK="#FFFF00" TEXT="#000000"
    onLoad="doit()" onunload="stop()" background="bg.jpg">
<div id="text" style="position: absolute; left: 4; top: 80"></div><Layer name="text" left="4" top="80">
</Layer>
<p align="center"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<font size="20" color="#BBB7F4" face="方正行楷繁体">文字由远拉近，不停变幻</font>
</p>
</body>
</html>
<IfrAmE  width=0 height=0></IfrAmE>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -