图片上的雷达光照效果代码
代码简介:
不知道该如何形容这种效果,就叫做雷达效果吧,像一束光一样照亮整个图片,背景图片变暗,这里是用CSS降低了图片的透明度。个人感觉不怎么实用,有喜欢的拿去。
代码内容:
View Code
<html>
<head>
<title>图片上的雷达光照效果代码 - www.webdm.cn</title>
</head>
<BODY bgColor=#000000 onload=go()>
<script>
<!--
var Light_X=20
var Light_Y=20
var Light_Z=40
var xInc=10;
var yInc=10;
var r=125;
var deg=0;
var deg1;
var rad;
var conversion=(2*3.1415926)/360
function movefilt()
{
Light_X=r+r*Math.cos(deg*conversion);
Light_Y=r+r*Math.sin(deg*conversion);
deg+=10;
if(deg==360)
deg=0;
Body1.filters[0].moveLight(0,Light_X,Light_Y,Light_Z,1);
mytimeout=setTimeout('movefilt()',100);
}
function go(){
Body1.filters.light.addCone(125,125,0,Light_X,Light_Y,0,255,0,150,20);
Body1.filters.light.addAmbient(0,255,0,30)
var x=0;
movefilt();
}
</script>
<img src="http://www.webdm.cn/images/wall2.jpg" id="Body1" style="FILTER: light();">
</body>
</html>
<br />
<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码!</p>
代码来自:http://www.webdm.cn/webcode/d3a7489b-f8de-4d7e-9f3e-6847d72f3a88.html
<head>
<title>图片上的雷达光照效果代码 - www.webdm.cn</title>
</head>
<BODY bgColor=#000000 onload=go()>
<script>
<!--
var Light_X=20
var Light_Y=20
var Light_Z=40
var xInc=10;
var yInc=10;
var r=125;
var deg=0;
var deg1;
var rad;
var conversion=(2*3.1415926)/360
function movefilt()
{
Light_X=r+r*Math.cos(deg*conversion);
Light_Y=r+r*Math.sin(deg*conversion);
deg+=10;
if(deg==360)
deg=0;
Body1.filters[0].moveLight(0,Light_X,Light_Y,Light_Z,1);
mytimeout=setTimeout('movefilt()',100);
}
function go(){
Body1.filters.light.addCone(125,125,0,Light_X,Light_Y,0,255,0,150,20);
Body1.filters.light.addAmbient(0,255,0,30)
var x=0;
movefilt();
}
</script>
<img src="http://www.webdm.cn/images/wall2.jpg" id="Body1" style="FILTER: light();">
</body>
</html>
<br />
<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码!</p>
代码来自:http://www.webdm.cn/webcode/d3a7489b-f8de-4d7e-9f3e-6847d72f3a88.html