<SCRIPT>

var your_message="歡迎您光臨本站"   <!--顯示信息的內(nèi)容-->
var textfont="Verdana"             <!--顯示字體-->      
var textsize=20                    <!--顯示字號-->
var textcolor="8080FF"             <!--顏色設(shè)定-->
var textboldness=7                 <!--字體粗細(xì)-->
var tempo=200                       <!--延時長短-->
var stepx=20                       <!--移動的步長，分水平和垂直方向的-->
var stepy=15
var msg=new Array()
var msg=your_message              <!--將要顯示的內(nèi)容賦給msg-->
var message=msg.split("")         <!--將msg在空格處拆分-->
var numberofletters=msg.length-1  <!--字符的個數(shù)-->
var x,y
var marginbottom                 <!--瀏覽器的底部-->
var marginleft=0                 <!--瀏覽器的左邊界-->
var margintop=0                  <!--瀏覽器的頂部-->
var marginright                  <!--瀏覽器的右邊界-->
textboldness=textboldness*100    <!--字體粗細(xì)設(shè)定-->
var timer                        <!--計時-->
var xpos=new Array()              <!--橫、縱坐標(biāo)-->
var ypos=new Array()
var spancontent=new Array()       <!--要顯示的內(nèi)容，包括格式的設(shè)定-->

for (i=0; i<=numberofletters;i++) {  <!--初始化，每個字符的x、y坐標(biāo)均為0-->
    xpos[i]=0
	ypos[i]=0
}

for (i=0;i<=numberofletters;i++) {  <!--按照規(guī)定的格式顯示字符-->
	spancontent[i]="<span style='position:relative;font-family:"+textfont+";font-size:"+textsize+"pt;color:"+textcolor+";font-weight:"+textboldness+"'>"+message[i]+"</span>"
}

function setValues() {               <!--設(shè)定延時為2s-->
    var firsttimer= setTimeout("setValues2()",2000)
}

function setValues2() {
	if (document.all) {                                 <!--如果是IE瀏覽器-->
    	marginbottom = document.body.clientHeight-5     <!--設(shè)定顯示的底邊和右邊-->
    	marginright = document.body.clientWidth-5
		for (i=0;i<=numberofletters;i++) {             
			var thisspan = eval("document.all.span"+i)
    		thisspan.innerHTML=spancontent[i]           <!--將spancontent的值返回給thisspan-->
			var thisspan = eval("document.all.span"+(i)+".style")
           	thisspan.posLeft=0                          <!--將位置確定為左上角-->
			thisspan.postop=0  
		}
		moveball()                                      <!--文字開始移動-->
	}
	
	
}

function randommaker(range) {		                      <!--產(chǎn)生隨機數(shù)-->
	rand=Math.floor(range*Math.random())
    return rand
}

function moveball() {                                    <!--使文字移動的函數(shù)-->
	if (document.all) {                                  <!--如果是IE瀏覽器-->
		checkposition()                                  <!--調(diào)用checkposition函數(shù)，檢查位置并給予必要的調(diào)整-->
   		makesnake()                                      <!--調(diào)用makesnake函數(shù)-->
   		document.all.span0.style.posTop+=stepy           <!--改變垂直方向上的位置值-->
    	timer=setTimeout("moveball()",tempo)              <!--延時40ms-->
	}
	
}

function makesnake() {
		for (i=numberofletters; i>=1; i--) {               <!--循環(huán)，使得第i個字符占據(jù)第i－1個字符的位置-->
   			xpos[i]=xpos[i-1]
			ypos[i]=ypos[i-1]
    	}
		if (document.all) {                                          <!--如果是IE瀏覽器-->
			xpos[0]=document.all.span0.style.posLeft+stepx            <!--確定第1個字符的位置-->
			ypos[0]=document.all.span0.style.posTop+stepy
			for (i=0;i<=numberofletters;i++) {                        <!--對于每個字符-->
    			var thisspan=eval("document.all.span"+(i)+".style")
    			thisspan.posLeft=xpos[i]                              <!--將更新后的x、y坐標(biāo)賦給thisspan-->
				thisspan.posTop=ypos[i]
    		}
		}
		
}

function checkposition() {
	if (document.all) {                                         <!--如果是IE瀏覽器-->
		if (document.all.span0.style.posLeft>marginright) {     <!--如果位置超出右邊界-->
			stepx=(stepx+randommaker(2))*-1                      <!--更新橫坐標(biāo)步長值-->
			document.all.span0.style.posLeft-=1                  <!--posLeft減1-->
		}
		if (document.all.span0.style.posLeft<marginleft) {       <!--如果位置超出左邊界-->
			stepx=(stepx+randommaker(2))*-1                      <!--更新橫坐標(biāo)步長值-->
			document.all.span0.style.posLeft+=1                  <!--posLeft加1-->
		}	
		if (document.all.span0.style.posTop>marginbottom) {       <!--如果位置超過底部-->
			stepy=(stepy+randommaker(2))*-1                       <!--更新縱坐標(biāo)步長值-->
			document.all.span0.style.posTop-=1                    <!--posTop減1-->
		}
		if (document.all.span0.style.posTop<margintop) {          <!--如果位置超出頂部-->
			stepy=(stepy+randommaker(2))*-1                       <!--更新縱坐標(biāo)步長值-->
			document.all.span0.style.posTop+=1                    <!--posTop加1-->
		}
	}
	
}

</SCRIPT>

<SCRIPT>

for (i=0;i<=numberofletters;i++) {                                               <!--顯示上面定義的字符串-->
    document.write("<span id='span"+i+"' style='position:absolute'></span>")
    document.close()                                                              <!--關(guān)閉顯示-->
}


</SCRIPT>


<body  onload=setValues()>



<!--本案例實現(xiàn)了文字飛舞的效果-->
<!--主要是通過moveball函數(shù)來實現(xiàn)的-->
<!--關(guān)鍵是設(shè)定顯示位置的變化規(guī)律，變化頻率等-->
<!--對于一些特殊位置，使用checkposition函數(shù)來進(jìn)行處理-->