?? 5-9.htm
字號:
<body bgcolor="#ffffff" ><script language="JavaScript">
if(document.all){ <!--如果是ie瀏覽器-->
with (document){
write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">')
write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>') <!--定義象素的寬和高,以及字體-->
write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>') <!--定義象素的寬和高,以及字體-->
write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>') <!--定義象素的寬和高,以及字體-->
write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>') <!--定義象素的寬和高,以及字體-->
write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>') <!--定義象素的寬和高,以及字體-->
write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>') <!--定義象素的寬和高,以及字體-->
write('<div style="position:relative;width:1px;height:1px;background:#ff0006;font-size:1px;visibility:visible"></div>') <!--定義象素的寬和高,以及字體-->
write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>') <!--定義象素的寬和高,以及字體-->
write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>') <!--定義象素的寬和高,以及字體-->
write('<div style="position:relative;width:2px;height:2px;background:#448895;font-size:2px;visibility:visible"></div>') <!--定義象素的寬和高,以及字體-->
write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>') <!--定義象素的寬和高,以及字體-->
write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>') <!--定義象素的寬和高,以及字體-->
write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>') <!--定義象素的寬和高,以及字體-->
write('<div style="position:relative;width:3px;height:3px;background:#ffffff;font-size:3px;visibility:visible"></div>') <!--定義象素的寬和高,以及字體-->
write('</div>')
}
}
var yBase = 200; <!--定義變量-->
var xBase = 200; <!--定義變量-->
var step = 1; <!--定義變量-->
var currStep = 0; <!--定義變量-->
var Xpos = 1; <!--定義變量-->
var Ypos = 1; <!--定義變量-->
document.all <!--如果是ie瀏覽器-->
{
function MoveHandler(){
Xpos = document.body.scrollLeft+event.x;<!--獲得移動后鼠標的橫坐標-->
Ypos = document.body.scrollTop+event.y; <!--獲得移動后鼠標的縱坐標-->
}
document.onmousemove = MoveHandler;
}
function animateLogo() {
document.all <!--如果是ie瀏覽器-->
{
yBase = window.document.body.offsetHeight/6; <!--y方向的振動幅度-->
xBase = window.document.body.offsetWidth/6; <!--x方向的振動幅度-->
}
document.all <!--如果是ie瀏覽器-->
{
for ( i = 0 ; i < starsDiv.all.length ; i++ ) <!--依次處理所有的點-->
{
starsDiv.all[i].style.top = Ypos + yBase*Math.sin((currStep + i*2)/12)*Math.cos(400+currStep/200); <!--根據軌跡計算出上邊界-->
starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*4)/10)*Math.sin(currStep/200); <!--根據軌跡計算出左邊界-->
}
}
currStep+= step; <!--更新當前的步長-->
setTimeout("animateLogo()", 10);
}
animateLogo();
</script>
<!--本例程實現了跟著鼠標的白色光環的效果-->
<!--對ie和netscape瀏覽器分別進行處理-->
<!--根據一定的軌跡計算出動畫效果中每個點的坐標-->
<!--動畫效果的實現以及鼠標事件的響應-->
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -