图片上的雷达光照效果代码

代码简介:

不知道该如何形容这种效果,就叫做雷达效果吧,像一束光一样照亮整个图片,背景图片变暗,这里是用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><href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码!</p>
代码来自:http://www.webdm.cn/webcode/d3a7489b-f8de-4d7e-9f3e-6847d72f3a88.html
原文地址:https://www.cnblogs.com/webdm/p/2152937.html