演示地址：http://test.pc365.net/light.htm
(如打不开，请多刷新几次)
代码如下：
===========================================================
<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=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
if(event.srcElement.className=="drag")
{
dragapproved=truez=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientXy=event.clientY
document.onmousemove=move
}
}
function setlight(xx,yy)
{
// main.filters.light(0).addambient(235,239,129,110)
main.filters.light(0).addpoint(xx,yy,50,235,239,169,100)
//x坐标，y坐标,扩散范围,颜色,颜色,颜色,强度
//main.filters.light(0).addcone(xx,yy,0,100,100,200,204,200,180,20)
}
//第一个参数：光源的X坐标；第二个参数：光源的Y坐标；第三个参数：光源离开页面的高度；
//第四至第六个参数：光源的颜色；第七个参数：光源光的色相；第八个参数：光源的形状；
//第九个参数：光源的光的强度 ；第十个参数：光源光散开的范围。
function movelight(xx,yy)
{
xx+=400
yy+=50
main.filters.light(0).clear()
setlight(xx,yy)
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
</SCRIPT>
</head>
<body bgcolor="#000000" topmargin="0" leftmargin="0">
<div id='Layerw' style='position: absoluteleft: 0top:50width: 100%height: 40z-index: 1' align="center">
<img src="http://test.pc365.net/lz.gif" alt="蜡烛照明 拖动使用" class=drag width="98" height="120">
</div>
<div align="center" >
<center>
<table id="main" border="0" width="780" cellpadding="0" cellspacing="0" height="580" background="images/house.gif" style="filter:light">
<tr >
<td width="100%">
<p align="center"><img id="pt" border="0" src="http://test.pc365.net/123456.jpg" ></p>
</td>
</tr>
</table>
</center>
</div>
</body>
</html>
<script>setlight(400,50)</script>
光晕效应（glittering generality)，又叫美化，是西方常用的七种宣传策略之一。即把某种观点（或人物、事物）与一个美好的词联系起来，使人未经验证而接受、赞许某人观点、某人、某事物。光晕效应（glittering generality)，又叫美化，是西方常用的七种宣传策略之一。即把某种观点（或人物、事物）与一个美好的词联系起来，使人未经验证而接受、赞许某人观点、某人、某事物。这种情况在我们的生活中经常出现，例如“有路必有丰田车”这句广告词，把丰田牌小汽车与四通八达的概念联系起来，以后人们买车就想到丰田车。“IBM誉满地球”也是一样，把美好的概念与IBM公司联系起来到处说，时间长了，人们就会不经检验，自然而然认同这种观念。美国前总统里根要加强军备，给军事方面的经费很多，遭到了很多主张和平人士的反对，于是他就给他的计划加了一个非常好听的说法，叫“重振美国军威”，这样一个美好的概念与增加军费的计划联系在一起，说得多了，人们往往就对这种东西不加验证地接受了。在广告宣传上，这是一种很有效的传播方法。
不好意思刚弄错了，box-shadow是吧？这个代码在chrome里可以。<html>
<head>
<title>测试</title>
<style type="text/css">
.inputBox{
border:3px solid rgb(247, 242, 242)
width:350px
height:30px
}
.inputBox:focus{
border:1px solid rgb(212, 235, 247)
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)
}
.btnBox{
width:50px
height:30px
background:white
}
</style>
</head>
<body>
<input type="text" class="inputBox">
<input type="button" value="Go!" class="btnBox"></input>
</body>
</html>
