📄 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 + -