舞台灯光效果

<html>

<head>

<title>舞台灯光</title>

<style type="text/css">

<!--

body{

        background-color:#000000;

}

td{

        filter:light;

}

-->

</style>

   </head>

<body>

<table>

        <tr>

        <td id="flttgt"><img src="201007071407027658_s.jpg"></td>

        </tr>

</table>

<script language="javascript">

var g_numlights=0;

flttgt.οnclick=keyhandler;                        //点击鼠标

flttgt.οnmοusemοve=mousehandler;        //鼠标移动时

function setlights(){

        flttgt.filters[0].clear();                //先清空所有光源

        flttgt.filters[0].addcone(-10,- 10,5,275,370,0,0,150,60,10);        //添加蓝色光源

        if (g_numlights>0){

                flttgt.filters[0].addcone (285,-10,5,0,370,150,0,0,60,10);        //添加红色光源

                if (g_numlights>1)

                        flttgt.filters[0].addcone (138,380,5,138,0,0,150,0,60,15);        //添加绿色光

        }

}

function keyhandler(){

        g_numlights= (g_numlights+=1)%3;

        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);        //移动绿光

        }

}

setlights();

</script>

</body>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值