Chrome 的 RenRen 扩展升级了
Linux下的 GetTickCount

艾萨克牛顿 google主页 代码

皮贝贝 posted @ 2010年1月04日 23:32 in 未分类 with tags 艾萨克牛顿 google logo 代码 , 2360 阅读

还有什么能比 google 主页的logo更值得回味呢? 今天的logo是艾萨克牛顿生日, 纪念logo是一个动画, 很有意思:

一个苹果从苹果树上掉下来了, 代码思路很简单: 两个元素: 苹果,苹果树. 然后设置一个定时器, 控制苹果元素的位置.

1 苹果树

 

<img src=/logos/newton10-tree.jpg width=384 height=138 border=0 alt="艾萨克牛顿" title="艾萨克牛顿" id=logo  style="margin-top:-1.22em" onload="...(定时器代码, 后详)">

 

2 苹果

<img id="fall" src="/logos/newton10-apple.png" style="position:relative;right:248px;bottom:46px"/>

3 定时器代码

苹果树的 onload, 格式化如下, 主要作用是控制苹果的位置:

 

window.lol&&lol();
setTimeout( function (){
    // setTimeOut 首参: function() 匿名函数
    var h=0, v=1,
    f=document.getElementById('fall'), // 掉落的苹果 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
	    }}}

		  // setInterval 二参: 25 毫秒一次动画
		  ,25);
    google.rein&&google.rein.push(function(){
                                             clearInterval(i);
					     h=0;
					     v=1})}

	    // setTimeOut 二参: 2000 毫秒
	    ,2000)

 

 

Author: guolihui <guolihui112@gmail.com>

Date: 2010-01-04 16:09:07

HTML generated by org-mode 6.30c in emacs 23

 

  • 无匹配
Small_feed 评论 (1)
1
[回复]
Avatar_small
aapple watch einscha 说:
2023年7月25日 00:06

Es kann viele Gründe dafür geben, dass sich unsere Apple Watch nicht einschaltet. Wir können das Problem beheben, indem wir ein paar nette Vorschläge befolgen. den Akku überprüfen, aapple watch einschalten das Ladegerät und das Ladekabel der Uhr abklemmen, einen erzwungenen Neustart anwenden, den Gangreserve-Mod ausschalten, den Bildschirmvorhang abnehmen und die Uhr wieder einschalten. Manchmal können auch einige Hardwareprobleme ein Grund dafür sein, dass Sie Ihre Uhr nicht einschalten.


登录 *


loading captcha image...
(输入验证码)
or Ctrl+Enter