您现在正在浏览：站长之家 >> 图形设计 >> 详细内容

很酷的类似鼠标跟随的遮照效果

时间:2007-11-14 来源:收集作者:TUPS

<html>
　　<head>
　　<title>Untitled</title>
　　</head> 本文来自织梦

<bodybgcolor="Black"> 本文来自织梦

<divid="myLightObject"style="position:relative;height:400px;width:400px;top:10px;
left:0px;color:White;filter:light">
　　<center>
　　
　　春花秋月何时了，往事知多少 
　　小楼昨夜又东风 
　　故国不堪回首月明中。 
　　雕栏玉砌应犹在，只是朱颜改。
　　
　　
　　问君能有几多愁， 
　　恰似一江春水向东流。 
　　CSS滤镜与VBScript结合运用的效果 
　　利用CSS的Light滤镜模拟移动的光锥 
　　
　　用VBScript捕捉鼠标的移动,令光锥射向也跟着移动
　　</center>
　　</div>

织梦好，好织梦

<scriptlanguage="VBScript">
OptionExplicit
subwindow_OnLoad()
callmyLightObject.filters.light(0).addambient(0,0,255,30)
　　callmyLightObject.filters.light(0).addcone(400,400,200,100,100,200,204,200,80,10)
endsub

subdocument_onMouseMove()
　　callmyLightObject.filters.light(0).MoveLight(1,window.event.x,window.event.y,0,1)
endsub
　　</script>

</body>
　　</html>