zoukankan      html  css  js  c++  java
  • 图片聚光灯效果

    <STRONG><FONT color=#008000>代码如下: <BR></FONT></STRONG><TEXTAREA id=Angelia onmouseover=this.select(); style="WIDTH: 90%" rows=12>&lt;style&gt;
    #myimage{filter:light}
    body {
     background-color: #000000;
    }
    &lt;/style&gt;
    &lt;div id="myimg" align="center"&gt;
    &lt;img src="http://img.star.tfol.com/star/stars/1760/photos/M72353.jpg" id="myimage"&gt;
    &lt;/div&gt;
    &lt;script language="JavaScript"&gt;
    &lt;!--
    s = 50; // 聚光灯的大小
    vp = 40; // 图片可见度
    startx = 30; // the top position of your sportlight into the image (on start)
    starty = 30; // the left position of your spotlight into the image (on start)

    var IE = document.all?true:false

    function moveL()
    {
    xv = tempX;
    yv = tempY;
    myimage.filters.light.MoveLight(1,xv,yv,s,true);
    }

    if (IE&amp;&amp;myimage.filters)
    document.all.myimage.onmousemove = getMouseXY;
    var tempX = 0
    var tempY = 0


    function getMouseXY(e) {
    tempX = event.offsetX
    tempY = event.offsetY

      if (tempX &lt; 0){tempX = 0}
      if (tempY &lt; 0){tempY = 0}
      if (t)
      { 
       moveL();
      }

      return true
    }

    var xv = startx;
    var yv = starty;
    var t= true;
    if (IE&amp;&amp;myimage.filters){
    myimage.style.cursor="hand";
    myimage.filters.light.addAmbient(255,255,255,vp)
    myimage.filters.light.addPoint(startx,starty,s,255,255,255,255)
    }
    //--&gt;
    &lt;/script&gt;</TEXTAREA> <BR><INPUT onclick="runEx('Angelia')" type=button value=运行代码> [Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]

  • 相关阅读:
    IIS无法显示 XML 页
    asp.net实现sql存取图片
    微软的面试题
    IIS配置.Net问题大全
    Asp.Net调用WebService
    生活本无常,前路更精彩
    【转载】碰到讨厌的老板怎么办
    xxxx不必xx尽,留些xxxx
    【BLOG】Mr梵谷
    机会,从来都是留给有准备的你
  • 原文地址:https://www.cnblogs.com/winner/p/602369.html
Copyright © 2011-2022 走看看