zoukankan      html  css  js  c++  java
  • 图片上的雷达光照效果代码

    代码简介:

    不知道该如何形容这种效果,就叫做雷达效果吧,像一束光一样照亮整个图片,背景图片变暗,这里是用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
  • 相关阅读:
    elasticsearch入门 (三 ik 分词器安装)
    elasticsearch入门(二 基础api实例)
    elasticsearch入门(一 基础搭建)
    mysql 错误代码 1045 解决
    信号强度概念
    c语言中,在结构体中如何将void *转存为具体需要的数据类型
    我的论文
    I2C 上拉电阻选择计算公式
    SD卡两种操作模式在项目中应用的比较
    2017 年 年会过后的感想
  • 原文地址:https://www.cnblogs.com/webdm/p/2152937.html
Copyright © 2011-2022 走看看