代码如下:
以下是代码片段: <DIV id=myLightObject style="FILTER: light; LEFT: 0px; WIDTH: 400px; COLOR: red; POSITION: relative; TOP: 10px; HEIGHT: 400px"> <CENTER>黑夜给了我一双眼睛,<BR>而我却用它来寻找光明,<BR>园林晴昼春谁主<BR>暖律潜催,幽谷暄和,黄鹂翩翩,乍迁芳树 <P>春花秋月何时了,往事知多少<BR>小楼昨夜又东风<BR>故国不堪回首月明中。<BR>雕栏玉砌应犹在,只是朱颜改。 </P> <P>问君能有几多愁,<BR>恰似一江春水向东流。<BR>CSS滤镜与VBScript结合运用的效果<BR>利用CSS的Light滤镜模拟移动的光锥<BR></P>用VBScript捕捉鼠标的移动,令光锥射向也跟着移动 </CENTER></DIV> <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> |
其中的代码:<DIV id=myLightObject style="FILTER: light; LEFT: 0px; WIDTH: 400px; COLOR: red; POSITION: relative; TOP: 10px; HEIGHT: 400px">
红色部分为光影和文字区域的大小,蓝色部分为光影的颜色.大家在应用的过程中可以根据实际需要来设置,其中光影的颜色可以用颜色代码来表示.
应用方法: 1.将代码片段里的代码添加到网站管理后台的代码视图里. 2.切换到设计视图,在设计视图里把文字改为自己要用的内容.保存修改即可
效果演示:鼠标悬停到文字上,看看效果吧
黑夜给了我一双眼睛, 而我却用它来寻找光明, 园林晴昼春谁主 暖律潜催,幽谷暄和,黄鹂翩翩,乍迁芳树
春花秋月何时了,往事知多少 小楼昨夜又东风 故国不堪回首月明中。 雕栏玉砌应犹在,只是朱颜改。
问君能有几多愁, 恰似一江春水向东流。 CSS滤镜与VBScript结合运用的效果 利用CSS的Light滤镜模拟移动的光锥
用VBScript捕捉鼠标的移动,令光锥射向也跟着移动 | |