?? 4.14 圍繞鼠標的文本.htm
字號:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁</title>
<SCRIPT language=javascript>
var cx=0;
var cy=0;
var val=0;
function location()
{ cx=window.event.x; //獲取鼠標的x坐標
cy=window.event.y; //獲取鼠標的y坐標
}
document.onmousemove=location; //綁定鼠標的移動事件
function follow(i)
{ var x;
if(i<4)x=cx-50+i*10; //設置要顯示的字符的x,y坐標
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); //獲取要顯示的字符
with(w.style)
{
visibility="visible";
s=parseInt(fontSize); //設置字符的字體-從達到小,從小到大
if(s>=200)s-=100;
else if(s>90&&s<=100)
{
s-=85;
clearInterval(val);
if(i<5)val=setInterval("show("+(i+1)+")",20);//循環的顯示下一個字符
}
fontSize=s;
}
}
function start()
{
for(i=1;i<=5;i++)
{
val=setInterval("show(1)",20); //循環執行
setInterval("follow("+i+")",100); //循環執行
}
}
</SCRIPT>
<SCRIPT language=javascript>
var word=new Array(5);
word[1]="歡";word[2]="迎";word[3]="您";word[4]="光";word[5]="臨"; //設置要圍繞的字符數組
for(i=1;i<=5;i++)
document.write("<div id='word"+i+"' style='width:20px;height:20px;position:absolute;font-size:1000;visibility:hidden'><font face='Forte' color='#cc9966'>"+word[i]+"</font></div>");
start(); //開始執行圍繞操作
</SCRIPT>
</head>
<body>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -