Vml+Dhtml:小小的页面效果,叫它"淘气鬼"好了

原创 2003年08月29日 07:30:00
<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>

我是一个线程

一个线程的生活自述
  • nylx
  • nylx
  • 2016年04月08日 15:06
  • 4172

JS实现页面加载完毕之前loading提示效果

一、JS代码: //获取浏览器页面可见高度和宽度 var _PageHeight = document.documentElement.clientHeight, ...
  • haibo0668
  • haibo0668
  • 2016年10月28日 12:04
  • 20977

使用Bootstrap编写一个简单的网页轮播图效果

  • wwz95
  • wwz95
  • 2017年08月21日 21:51
  • 240

Android页面跳转动画效果

FirstActivity: public class FirstActivity extends Activity { @Override protected void onCreate(B...
  • u010111008
  • u010111008
  • 2015年11月29日 17:27
  • 1553

简单页面翻转效果

页面翻转效果。 实现动画的具体细节见"RotateAnimation.java"。为方便查看动画旋转方向,可以将RotateAnimation.DEBUG值设置为true即可。      ...
  • wujian543
  • wujian543
  • 2015年02月04日 15:38
  • 589

网页loading(加载)效果的实现

说到页面loading效果,现在各种PC端和移动端的应用使用loading都十分的广泛,这是因为页面的加载时需要时间的,如果页面加载很快,loading的作用可能还不是特别能够体现,但是如果当页面加载...
  • qq_33562825
  • qq_33562825
  • 2017年03月05日 19:47
  • 2666

HTML5 - 用CSS3动画制作场景切换效果(移动,旋转,淡入淡出等)

两个场景(即两个div视图)切换的时候,如果想添加个过渡动画,除了可以使用js来实现,还可以通过CSS3的animation属性来实现。 (注意:Internet Explorer 9 以及更早的...
  • u014063717
  • u014063717
  • 2016年03月17日 13:08
  • 8305

CSS3实现整屏切换效果

总是能看见很多广告或者网站都是使用整屏滚动的效果,一直看着都心痒痒,想自己也实现一个。最近刚学习到css3的动画效果,所以尝试使用css3做了一个整屏切换。 页面结构 实现思路与大众方法类...
  • u013267266
  • u013267266
  • 2016年07月31日 10:39
  • 2880

activity跳转的过渡效果,很漂亮,很全

注意,切换方法overridePendingTransition只能在startActivity和finish方法之后调用。 第一个参数为第一个Activity离开时的动画,第二参数为所进入的A...
  • u014702999
  • u014702999
  • 2014年12月26日 16:53
  • 1159

用libevent实现一个小小的HTTP SERVER

如题,先上代码://http_server.c #include #include #include #include #include #define PORT 8080 #defi...
  • AAA20090987
  • AAA20090987
  • 2013年12月27日 11:34
  • 1949
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Vml+Dhtml:小小的页面效果,叫它"淘气鬼"好了
举报原因:
原因补充:

(最多只允许输入30个字)