我的滤镜小实例-笔记

一。每秒变化的图片透明

<script language="javascript">

   function change(){
   var ss=Math.floor(Math.random()*100+1);
   var a=Math.floor(Math.random()*100+1);
   var b=Math.floor(Math.random()*4+1);
   var c=Math.floor(Math.random()*100+1);
   var d=Math.floor(Math.random()*100+1);
   var e=Math.floor(Math.random()*100+1);
   var f=Math.floor(Math.random()*100+1);
    $("#img1").css("filter","alpha(opacity='"+ss+"',finishopacity='"+a+"',style='"+b+"',startx='"+c+"',starty='"+d+"',endx='"+e+"',endy='"+f+"')");
   }

  $(function(){
  setInterval(change,1000);
  
  });
　　</script>

 

<img src="cloud.gif"  id="img1"/>

发光的文字  必须在div里面设置height属性

<div id="jk" onClick=cs() style="FILTER: glow(color=#ffff00,strength=20,enabled=0)blendTrans(duration=2); font-size:24px; height:45px; color:#FF00FF ">
 <P>click me to wacth me Glow!!</P>
</div>

<script type="text/javascript">
 function cs(){
  if(jk.filters.glow.enabled==1)
  {
    jk.filters.glow.enabled=0;
  }
  if(jk.filters.blendTrans.status==0)
  {
    jk.filters.blendTrans.apply();
    jk.filters.glow.enabled=1;
    jk.filters.blendTrans.play();
  }
 }
  
</script>