如何用js代码做一个烛光的光晕效果？

来源：百度知道 编辑：UC知道 时间：2024/05/28 14:10:35
我想用js代码做一个烛光的光晕效果。蜡烛是可以拖动的，移到一个相片上，相片会因为蜡烛的移动而变得清楚。

N年前做了一个，你看这个如何？
演示地址：http://test.pc365.net/light.htm
(如打不开，请多刷新几次)

代码如下：
===========================================================

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>烛光效果</title>
<STYLE>
.drag
{CURSOR: hand;
POSITION: relative;
filter:blur(strength=12);
}
</STYLE>

<SCRIPT language=JavaScript>
var dragapproved=false;
var z,x,y;
function move()
{
if(event.button==1&&dragapproved)
{z.style.pixelLeft=temp1+event.clientX-x;
z.style.pixelTop=temp2+event.clientY-y;
movelight(z.style.pixelLeft,z.style.pixelTop);
return false;
}
}

function drags()
{
if(!document.all) return;