?? 5-18.htm
字號:
<SCRIPT language=javascript>
var cx=0; <!--定義顯示位置的橫坐標-->
var cy=0; <!--定義顯示位置的縱坐標-->
var val=0;
function locate()
{ cx=window.event.x;<!--獲得當前鼠標的橫坐標-->
cy=window.event.y; <!--獲得當前鼠標的縱坐標-->
}
document.onmousemove=locate; <!--當鼠標移動時調用locate函數-->
function follow(i)
{ var x;
if(i<4)x=cx-50+i*10;<!--前四個字符的橫坐標變化規律-->
else x=cx-25+i*10;<!-- 后兩個字符的橫坐標變化規律-->
var y=cy-20+Math.floor(Math.random()*40);<!--縱坐標變化規律-->
w=eval("word"+i);<!--獲得當前字符-->
with(w.style)
{
left=x.toString()+"px";<!--字符的左邊界-->
top=y.toString()+"px";<!--字符的上邊界-->
}
}
function show(i)
{
var w=eval("word"+i);<!--獲得第i個字符-->
with(w.style)
{
visibility="visible";
s=parseInt(fontSize);<!--獲取字體大小-->
if(s>=200)s-=100;<!--如果字體大于200,每次調用此函數,減小100-->
else if(s>90&&s<=100)<!--如果字體在90到100之間-->
{
s-=85;<!--每次減小85-->
clearInterval(val);<!--同時將當前定時器清除-->
if(i<6)val=setInterval("show("+(i+1)+")",20);<!--并且開始周期性的調用show-->
}
fontSize=s;<!--記錄字體大小-->
}
}
function start()<!--開始-->
{ for(i=1;i<=6;i++)<!--依次對6個字符進行配置-->
{
val=setInterval("show(1)",20);<!--每0.02秒調用一次show函數-->
setInterval("follow("+i+")",100);<!--每0.1秒調用一次follow函數-->
}
}
var word=new Array(6); <!--定義字符串變量word-->
word[1]="*";word[2]="*";word[3]="*";word[4]="*";word[5]="*";word[6]="*" <!--給word賦值為“*”-->
for(i=1;i<=6;i++)
document.write("<div id='word"+i+"' style='width:20px;height:20px;position:absolute;font-size:1000;visibility:hidden'><font face='隸書' color='#FFAA00' >"+word[i]+"</font></div>");start();
<!--設定最初顯示文字的字體、顏色、大小、顯示位置,并且調用start函數-->
</SCRIPT>
<!--本例程實現了字符跟隨鼠標,并且跳動的效果-->
<!--動態顯示字符的方法-->
<!--動畫效果的實現-->
<!--文字屬性的設置-->
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -