舞台灯光效果
来源:互联网 发布:软件开发人员资质证书 编辑:程序博客网 时间:2024/04/29 05:33
<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.onclick=keyhandler; //点击鼠标
flttgt.onmousemove=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>
- 舞台灯光效果
- CSS Div 实现舞台灯光效果
- EPC-8600工控机主板在舞台灯光控制中的应用
- 效果
- 效果
- 钟摆效果动画效果
- treeview 效果
- 效果收藏
- 效果:雨
- title效果
- ajax 效果
- 滤镜效果
- tableTAB效果
- flash效果
- 对联效果
- 半透明效果
- getContextPath效果
- 表格效果
- 成绩排名
- java多线程的几种状态
- Qt显示多种字号大小
- #R_画图# 转载自-谢益辉《现代图形统计》标题中换行,以及mtext的使用
- AndroidAnnotations——Injecting project Resources注入项目资源
- 舞台灯光效果
- 我们的管理:绩效与激励
- 零碎知识
- java面向对象(静态)
- 总是查无此词的词典
- DRP分销系统总结
- leetcode-Construct Binary Tree from Inorder and Postorder Traversal
- 多线程模拟冰淇淋店售货问题
- mvc+exfjs