google纪念logo,典型的物理运动实现

时间: 2010-03-17 / 分类: 前端开发 / 浏览次数: 1,421 views / 0个评论发表评论

<html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Google</title> </head> <body> <a href="#" target="_blank"> <img src=http://www.google.com/logos/newton09-tree.jpg width=384 height=138 border=0 alt="艾萨克牛顿" title="艾萨克牛顿" id=logo onload="window.lol&&lol(); setTimeout(function(){ var h=0,v=1,f=document.getElementById('fall'), i=setInterval(function(){ if(f){ var r=parseInt(f.style.right)+h, b=parseInt(f.style.bottom)-v; f.style.right=r+'px'; f.style.bottom=b+'px'; if(b>-210){v+=2} else{h=(v>9)?v*0.1:0;v*=(v>9)?-0.3:0} //关键句 } if(v==0){clearInterval(i);h=0;v=1;} },25); },2000); " /> </a> <img id="fall" src="http://www.google.com/logos/newton09-apple.png" style="position:relative;right:248px;bottom:46px"/> <noscript><style>#fall{bottom:-210px!important}</style></noscript> </body> </html>

提示：你可以先修改部分代码再运行。

IETester