加入收藏-方便您以后查找网页特效哦
你的位置：
主页
>>
经典特效
动态光源
点击查看效果
加入如下代码到body区域
<TABLE width="63%" style="POSITION: absolute; TOP: 20px"> <TBODY> <TR> <TD width="341" id=flttgt style="FILTER: light(enable=1); WIDTH: 200px"><IMG border=0 src="a.jpg" style="HEIGHT: auto; WIDTH: auto"> </TD> </TR></TBODY></TABLE> <SCRIPT language=JavaScript> <!-- var g_numlights=0; var blurbs=new Array("现在的动态滤镜赋予了网页更多交互性能来响应用户的动作", "我们通过了光源滤镜来响应用户的单击-单击图片可以增加光源", "通过捕捉用户光标位置的方法来移动光源", "这里的文本改变是是响应单击事件的."); window.onload=setlights; document.onclick=keyhandler; flttgt.onmousemove=mousehandler; //建立光源集合 function setlights(){ flttgt.filters[0].clear(); flttgt.filters[0].addcone(0,0,5,100,100,255,255,0,60,15); if(g_numlights>0){ flttgt.filters[0].addcone(0,170,5,100,100,255,0,0,60,15); if(g_numlights>1){ flttgt.filters[0].addcone(220,180,5,100,100,0,255,255,60,15); if(g_numlights>2){ flttgt.filters[0].addcone(250,0,5,100,255,0,255,255,60,15); } } } } //从0到3循环光源 function keyhandler(){ g_numlights=(g_numlights+=1)%4; setlights(); } //捕捉鼠标的位置来移动光源焦点 function mousehandler(){ x=(window.event.x-80); y=(window.event.y-80); flttgt.filters[0].movelight(0,x,y,5,1); if(g_numlights>0){ flttgt.filters[0].movelight(1,x,y,5,1); if(g_numlights>1){ flttgt.filters[0].movelight(2,x,y,5,1); if(g_numlights>2){ flttgt.filters[0].movelight(3,x,y,5,1); } } } } --> </SCRIPT>
COPYRIGHT © 2003-2005 ALL RIGHTS RESERVED
业务联系
｜
广告服务
｜
网站建设
｜
关于我们
｜
免责声明
月光宝盒工作室
800*600
