📄 跟随鼠标的灯光.htm
字号:
<HTML><HEAD><TITLE></TITLE>
<META content="Microsoft FrontPage 4.0" name=GENERATOR></HEAD>
<BODY bgColor=#000000 align="center">
<DIV align=center>
<TABLE border=0 cellPadding=0 cellSpacing=0 width=700>
<TBODY>
<TR>
<TD align=middle><IMG border=0 height=425 id=flttgt
src="snowroom.jpg"
style="FILTER: light(enabled=1); WIDTH: 650px" useMap=#Map
width=640></TD></TR></TBODY></TABLE></DIV><MAP name=Map><AREA alt=欢迎光临！
coords=95,263,173,182,218,186,279,262,261,278,252,327,230,339,99,332,110,297
href="http://" shape=POLY target=_parent
title=欢迎光临！></MAP>
<SCRIPT language=javascript>
<!--
var g_numlights=0;
var blurbs=new Array("看到什么了？是不是觉得很有趣呢？象是在做游戏一样！","移动鼠标并继续点击，还有其他颜色的光源出现。","呈现在您眼前的是不是一个五彩宾纷的世界？","看到小屋了吗？那就赶快进去吧，里面还有更精彩的内容等着您瞧呢！");
window.onload=setlights;
document.onclick=keyhandler;
flttgt.onmousemove=mousehandler;
//建立光源集合
function setlights(){
flttgt.filters[0].clear();
flttgt.filters[0].AddCone(0,0,5,100,100,255,255,0,60,15);
if(g_numlights>0){
flttgt.filters[0].addcone(60,400,5,100,100,255,0,0,60,15);
if(g_numlights>1){
flttgt.filters[0].addcone(550,50,5,100,100,0,255,255,60,15);
if(g_numlights>2){
flttgt.filters[0].addcone(650,350,5,100,100,255,0,255,60,15);
}
}
}
}
//从0到3循环光源
function keyhandler(){
g_numlights=(g_numlights+=1)%4;
holder.innerHTML=blurbs[g_numlights];
setlights();
}
//捕捉鼠标的位置来移动光线焦点
function mousehandler(){
x=(window.event.x-80);
y=(window.event.y-80);
flttgt.filters[0].movelight(0,x,y,5,1);
if(g_numlights>0){
flttgt.filters[0].movelight(1,x,y,5,1);
if(g_numlights>1){
flttgt.filters[0].movelight(2,x,y,5,1);
if(g_numlights>2){
flttgt.filters[0].movelight(3,x,y,5,1);
}
}
}
}
-->
</SCRIPT>
</BODY></HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -