谁对CSS滤镜的Light滤镜比较熟悉啊?请进来看看。198

晕，是demo. 拼错了现在头晕得厉害

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

如果这个网页还存在的话你可以花点时间去研究一下:
http://www.pchome.net/ch/tur/pstext/teacher/css/7.htm
天不助我
http://www.pchome.net/ch/tur/pstext/teacher/css/7.htm
已经不存在了
我贴上代码你再仔细研究一下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>动态光源效果</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE>.shadow {
FILTER: shadow(color=blue,direction=225)
}
.shadow1 {
FILTER: shadow(color=red,direction=225)
}
.shadow2 {
FILTER: shadow(color=gray,direction=225)
}
.div {
FILTER: blur(add=ture,direction=135,strength=10); WIDTH: 800px; CURSOR: move
}
</STYLE><STYLE type=text/css>.a {
FONT-SIZE: 9pt; FONT-FAMILY: "宋体"; TEXT-DECORATION: none
}
</STYLE><META content="MSHTML 6.00.2800.1141" name=GENERATOR></HEAD>
<BODY text=#000000 bgColor=#bbbbbb>
<TABLE
style="LEFT: 20px; WIDTH: 100%; COLOR: rgb(0,0,0); POSITION: absolute; TOP: 20px"
borderColor=#008080 cellSpacing=0 border=0>
  <TBODY>
  <TR>
    <TD colSpan=2>
      <DIV class=div>
      <P align=center><FONT size=7>动态光源演示</FONT></P></DIV>
      <HR SIZE=1>      </TD></TR>
  <TR>
    <TD align=center id=flttgt style="FILTER: light(enabled=1),width:300"><IMG
       height=300 src="http://expert.csdn.net/images/csdn.gif" border=1> </TD>
    <TD style="VERTICAL-ALIGN: top">
      <P class=a><SPAN id=holder
      style?font-size:14pt;color:yellow?>把鼠标移到图片上，光源会跟踪鼠标。单击图片来加入其他的等观灯光并且他们都会跟随鼠标移动。
      </SPAN></P></TD></TR></TBODY></TABLE>
<SCRIPT language=JavaScript>
       <!--
          var g_numlights=0;
          var blurbs= new  Array("    现在的动态滤镜赋予了网页更多的交互性能来响应用户的动作。","    我们使用了光源滤镜来响应用户的点击。点击图片可以增加光源。","    通过捕捉用户鼠标位置的方法来移动光源。","    这里的文本改变是响应单击事件的，并且只需要少量的编程。");
          window.onload=setlights;
          document.onclick=keyhandler;
          flttgt.onmousemove=mousehandler;

          function setlights(){
                   flttgt.filters[0].clear();
                   flttgt.filters[0].addcone(0,0,5,100,100,225,225,0,60,15);
                   if (g_numlights>0){
                                    flttgt.filters[0].addcone(400,170,5,100,100,225,0,0,160,15);
                                    if (g_numlights>1){
                                         flttgt.filters[0].addcone(320,330,5,100,100,0,225,225,60,15);

                              }
                }


         }
     function  keyhandler()
      {
           g_numlights=(g_numlights+=1)%4;
           holder.innerHTML=blurbs[g_numlights];
           setlights();
         }


      function mousehandler()
      {
          x=(window.event.x-80);
          y=(window.event.y-80);

           flttgt.filters[0].movelight(1,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);

             }

      }
    }
     </SCRIPT>
</DIV></BODY></HTML>
up
一定要用LIGHT吗？用ALPHA不也可以吗？当用户得鼠标移到你设定得热点上得时候，热点区域久变清晰不也可以吗？
我的地图只是一个gif呀，alpha好象是对整个图象的把。他能够只使图片的某一小部分的透明度发生变化？
http://www.blueidea.com/bbs/NewsDetail.asp?id=817336
确实不错
看看我的帖子，发点议论吧
http://expert.csdn.net/Expert/TopicView1.asp?id=1448862
……
http://imafool.myetang.com/indexold1.htm背景就是了。