HTML手电筒光照效果实现-优快云博客

本文链接：https://blog.youkuaiyun.com/zhaohehe123/article/details/8263660

这是一个使用HTML、CSS和VBScript实现的手电筒光照效果网页。当鼠标移动时，光照会跟随移动，创造出动态的光照体验。网页内容包含了一段歌词，随着光照的变化而显现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<title>好玩的手电筒光照效果</title>
<FCK:meta http-equiv="content-type" content="text/html;charset=gb2312" />
<style type="text/css">
body{background-color:#000000;}
</style>
<script language="vbscript">
Option Explicit
sub window_OnLoad()
call myLightObject.filters.light(0).addambient(0,0,255,30)
call myLightObject.filters.light(0).addcone(400,400,200,100,100,200,204,200,80,10)
end sub
sub document_onMouseMove()
call myLightObject.filters.light(0).MoveLight(1,window.event.x,window.event.y,0,1)
end sub
</script>
</head>
<body>
<div id="myLightObject" style="position:relative;width:400px;height:400px;top:10px;left:0px;text-align:center;color:white;filter:light;">
对你的思念是一天又一天，<br>
孤单的我还是没有改变，<br>
美丽的梦何时才能出现，<br>
亲爱的你好想再见你一面。<br>
<br>
秋天的风一阵阵地吹过，<br>
想起了去年的这个时候，<br>
你的心到底在想些什么，<br>
为什么留下这个结局让我承受。<br>
<br>
最爱你的人是我，<br>
你怎么舍得我难过，<br>
在我最需要你的时候，<br>
没有一句话就走。<br>
<br>
最爱你的人是我，<br>
你怎么舍得我难过，<br>
对你付出了这么多，<br>
你却没有感动过。<br>
</div>
</body>
</html>