Google苹果掉落效果

Andy_Dou

于 2010-01-05 17:42:44 发布

阅读量216

点赞数

分类专栏： JavaScript 文章标签： Google Apple F# XHTML CSS

本文链接：https://blog.csdn.net/Andy_Dou/article/details/83525362

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>google纪念牛顿logo</title>
</head>
<body>
<img src="newton09-apple.png" style="visibility: hidden" alt="" />
<a href="" target="_blank">
 <img src="newton09-tree.jpg" width="384" height="138" border="0" 
 alt="艾萨克牛顿" 
 title="艾萨克牛顿" 
 id="logo" 
 style="margin-top: -1.22em" 
 οnlοad="
 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
		 		}
		 	}
	 	},25);
	 }	
 	,2000)"/></a> 
 <img alt="gudao" 
 	id="fall" 
 	src="newton09-apple.png" 
 	style="position: relative; 
 	right: 248px; bottom: 46px" />
 <noscript>
		<style type="text/css">#fall{bottom: -210px !important;}</style>
 </noscript>
</body>
</html>