<HTML xmlns:v>
<HEAD>
<META http-equiv=''C c>
<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://lshdic/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>
无忧站长学院，建站自然无忧www.5ucms.org
相关分类
