VML实例-淘气鬼
VML淘氣鬼
反向鼠標指針移動的燈光
<HTML xmlns:v> <HEAD> <META http-equiv='Content-Type' content='text/html;charset=gb2312'> <Meta name='Gemeratpr' content='網絡程序員伴侶(Lshdic)2004'> <meta name="DownLoad URL" content="http://www.lshdic.com/downlshdic.asp"> <TITLE>淘氣鬼</TITLE> <STYLE> v\:*{behavior:url(#default#VML);} //聲明變量v為VML對象 *{font-size:12px;color:;} a{text-decoration:none;} a:hover{color:red;} </STYLE> </HEAD> <BODY topmargin='2' leftmargin='2' bgcolor=black style='border:1 solid green'> <BASE target='_top'> <TABLE id='' bgcolor='' cellspacing='2' cellpadding='2' border='1' width='300' height='300' style='color:white'> <TR> <TD>普通HTML內容</TD> <TD>普通HTML內容</TD> </TR> <TR> <TD>普通HTML內容</TD> <TD>普通HTML內容</TD> </TR> </TABLE> <v:Oval fillcolor='green' id=oval1 style='position:absolute;width:100;height:100;z-index:6'> <!--制作一個漸變形狀--> <v:Stroke color='white'/> <!--這是邊框可以不要--> <v:fill type='gradientradial' opacity='0' color2='yellow' id='fill1'/> </v:oval> <script> //原作:風云舞,載自http://www.lshdic.com/bbs //沒什么無聊寫著玩,叫它“淘氣鬼”好了,放在網頁中也很有意思呵呵 var wid,hei //定義全局存儲變量，主要為提高速度 wid=document.body.offsetWidth-50;hei=document.body.offsetHeight-50 //首次啟動將寬與高放進變量 function document.onmousemove(){ //鼠標移動時 oval1.style.left=Math.abs(wid-event.x-50);oval1.style.top=Math.abs(hei-event.y-50); //物體位置 temp1=Math.round(100/(wid/event.x));temp2=Math.round(100/(hei/event.y)) //計算X與Y的百分比 fill1.focusposition=temp1+"%,"+temp2+"%";fill1.focussize=temp1/9+"%,"+temp2/9+"%";oval1.style.width=100+Math.abs(temp1-50);oval1.style.height=100+Math.abs(temp2-50) //更新物體形狀 } function window.onresize(){ wid=document.body.offsetWidth-50;hei=document.body.offsetHeight-50 //窗體改變大小時刷新變量 } </script> </BODY> </HTML>總結
- 上一篇： 天融信EDR或企业安全终端卸载需要密码解
- 下一篇： vue3 loadsh 防抖功能