 |
|
วันนี้ครบรอบ 30 ปี pacman logo ของ google ก็เลยเปลี่ยนไปเป็น pacman เล่นได้ด้วย
ใช้ mouse บังคับ พอกดปุ่มหยอดเหรียญจะมีแฟนมาช่วยใช้ keyboard w,a,s,d บังคับ ตอนแรกก็นึกว่า
เป็น flash game ธรรมดา เลยลองคลิกขวาดู มันไม่ใช่อะกิ๊บ ก็เลย view source ดู ได้เรื่องครับ
javascript ล้วนๆ ไม่ทราบว่าท่านจะเมพไปถึงไหนครับ google
sprite
source
<!doctype html><html onmousemove="google&&google.fade&&google.fade(event)"><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>Google</title><script>window.google={kEI:"0Kv2S8OKCs6-rAfZ_rW1Cg",kEXPI:"17259,19615,24482,24661,24739,24745",kCSI:{e:"17259,19615,24482,24661,24739,24745",ei:"0Kv2S8OKCs6-rAfZ_rW1Cg",expi:"17259,19615,24482,24661,24739,24745"},ml:function(){},pageState:"#",kHL:"th",time:function(){return(new Date).getTime()},log:function(b,d,c){var a=new Image,e=google,g=e.lc,f=e.li;a.onerror=(a.onload=(a.onabort=function(){delete g[f]}));g[f]=a;c=c||"/gen_204?atyp=i&ct="+b+"&cad="+d+"&zx="+google.time();a.src=c;e.li=f+1},lc:[],li:0,j:{en:1,l:function(){},e:function(){},b:location.hash&&location.hash!="#",bv:3,pl:[],mc:0,sc:0.5},Toolbelt:{}};(function(){for(var d=0,c;c=["ad","bc","p","pa","zd","ac","pc","pah","ph","sa","xx","zc","zz"][d++];)(function(a){google.j[a]=function(){google.j.pl.push([a,arguments])}})(c)})();
window.google.sn="webhp";window.google.timers={load:{t:{start:(new Date).getTime()}}};try{window.google.pt=window.gtbExternal&&window.gtbExternal.pageT();}catch(u){}window.google.jsrt_kill=1;
</script><style>body{margin:0}#gog{padding:3px 8px 0}td{line-height:.8em;}.gac_m td{line-height:17px;}form{margin-bottom:20px;}body,td,a,p,.h{font-family:arial,sans-serif}.h{color:#36c;font-size:20px}.q{color:#00c}.ts td{padding:0}.ts{border-collapse:collapse}em{color:#c03;font-style:normal;font-weight:normal}a em{text-decoration:underline}.lst{width:496px}input{font-family:inherit}#fctr,#ghead,#pmocntr,#sbl,#tba,#tbe,.fade{opacity:0;}#fctr,#ghead,#pmocntr,#sbl,#tba,#tbe,.fade{background:#fff;}a.gb1,a.gb2,a.gb3,a.gb4{color:#11c !important}#gog{background:#fff;}#gbar,#guser{font-size:13px;padding-top:1px !important}#gbar{float:left;height:22px}#guser{padding-bottom:7px !important;text-align:right}.gbh,.gbd{border-top:1px solid #c9d7f1;font-size:1px}.gbh{height:0;position:absolute;top:24px;width:100%}#gbs,.gbm{background:#fff;left:0;position:absolute;text-align:left;visibility:hidden;z-index:1000}.gbm{border:1px solid;border-color:#c9d7f1 #36c #36c #a2bae7;z-index:1001}.gb1{margin-right:.5em}.gb1,.gb3{zoom:1}.gb2{display:block;padding:.2em .5em;}.gb2,.gb3{text-decoration:none;border-bottom:none}a.gb1,a.gb2,a.gb3,a.gb4{color:#00c !important}a.gb2:hover{background:#36c;color:#fff !important}body{background:#fff;color:black}input{-moz-box-sizing:content-box}a{color:#11c;text-decoration:none}a:hover,a:active{text-decoration:underline}.fl a{color:#4272db}a:visited{color:#551a8b}a.gb1,a.gb4{text-decoration:underline}a.gb3:hover{text-decoration:none}#ghead a.gb2:hover{color:#fff!important}.ds{display:-moz-inline-box}.ds{border-bottom:solid 1px #e7e7e7;border-right:solid 1px #e7e7e7;display:inline-block;margin:3px 0 4px;margin-left:4px;margin-right:3px:height:32px}.sblc{padding-top:5px}.sblc a{display:block;margin:2px 0;margin-left:13px;font-size:11px;}.lsbb{background:#eee;border:solid 1px;border-color:#ccc #999 #999 #ccc;height:30px;display:block}.lsb{background:url(/images/srpr/nav_logo13.png) bottom;font:15px arial,sans-serif;border:none;cursor:pointer;height:30px;margin:0;outline:0;vertical-align:top}.lsb:active{background:#ccc}.lst:focus{outline:none}.ftl,#fll a{margin:0 12px}#addlang a{padding:0 3px}.gac_v div{display:none}.gac_v .gac_v2,.gac_bt{display:block!important}</style><noscript><style>#fctr,#ghead,#pmocntr,#sbl,#tba,#tbe,.fade{opacity:1;}</style></noscript><script>var _gjwl=location;function _gjuc(){var b=_gjwl.href.indexOf("#");if(b>=0){var a=_gjwl.href.substring(b+1);if(/(^|&)q=/.test(a)&&a.indexOf("#")==-1&&!/(^|&)cad=h($|&)/.test(a)){_gjwl.replace("/search?"+a.replace(/(^|&)fp=[^&]*/g,"")+"&cad=h");return 1}}return 0}function _gjp(){!(window._gjwl.hash&&window._gjuc())&&setTimeout(_gjp,500)};
google.y={};google.x=function(e,g){google.y[e.id]=[e,g];return false};window.rwt=function(a,f,g,k,l,h,c,m){try{if(a===window){a=window.event.srcElement;while(a){if(a.href)break;a=a.parentNode}}var b=encodeURIComponent||escape,d;d=a.getAttribute("href");
if(c&&c.substring(0,6)!="&sig2=")c="&sig2="+c;var n=["/url?sa=t","",f?"&oi="+b(f):"",g?"&cad="+b(g):"","&ct=",b(k||"res"),"&cd=",b(l),"&ved=",b(m),"&url=",b(d).replace(/\+/g,"%2B"),"&ei=","0Kv2S8OKCs6-rAfZ_rW1Cg",h?"&usg="+h:"",c].join("");a.href=n;a.onmousedown=""}catch(o){}return true};
window.gbar={qs:function(){},tg:function(e){var o={id:'gbar'};for(i in e)o[i]=e[i];google.x(o,function(){gbar.tg(o)})}};</script></head><body bgcolor=#ffffff text=#000000 link=#0000cc vlink=#551a8b alink=#ff0000 onload="try{!google.j.b&&document.f.q.focus()}catch(e){};if(document.images)new Image().src='/images/srpr/nav_logo13.png'" ><textarea id=csi style=display:none></textarea><script>if(google.j.b)document.body.style.visibility='hidden';</script><iframe name=wgjf style=display:none src="" onload="google.j.l()" onerror="google.j.e()"></iframe><textarea id=wgjc style=display:none></textarea><textarea id=csi style=display:none></textarea><textarea id=hcache style=display:none></textarea><span id=main><div id=ghead><div id=gog><div id=gbar><nobr><b class=gb1>เว็บ</b> <a href="http://www.google.co.th/imghp?hl=th&tab=wi" onclick=gbar.qs(this) class=gb1>รูปภาพ</a> <a href="http://maps.google.co.th/maps?hl=th&tab=wl" onclick=gbar.qs(this) class=gb1>แผนที่</a> <a href="http://translate.google.co.th/?hl=th&tab=wT" onclick=gbar.qs(this) class=gb1>แปลภาษา</a> <a href="http://guru.google.co.th/guru/?hl=th&tab=w2" onclick=gbar.qs(this) class=gb1>กูรู</a> <a href="http://blogsearch.google.co.th/?hl=th&tab=wb" onclick=gbar.qs(this) class=gb1>บล็อก</a> <a href="http://mail.google.com/mail/?hl=th&tab=wm" class=gb1>Gmail</a> <a href="http://www.google.co.th/intl/th/options/" onclick="this.blur();gbar.tg(event);return !1" aria-haspopup=true class=gb3><u>เพิ่มเติม</u> <small>▼</small></a><div class=gbm id=gbi><a href="http://www.google.co.th/dirhp?hl=th&tab=wd" onclick=gbar.qs(this) class=gb2>ไดเรกทอรี</a> <a href="http://www.google.com/calendar/render?hl=th&tab=wc" class=gb2>ปฏิทิน</a> <a href="http://picasaweb.google.co.th/home?hl=th&tab=wq" onclick=gbar.qs(this) class=gb2>ภาพถ่าย</a> <a href="http://docs.google.com/?hl=th&tab=wo" class=gb2>เอกสาร</a> <a href="http://sites.google.com/?hl=th&tab=w3" class=gb2>ไซต์</a> <a href="http://groups.google.co.th/grphp?hl=th&tab=wg" onclick=gbar.qs(this) class=gb2>Groups</a> </div></nobr></div><div id=guser width=100%><nobr><span id=gbn class=gbi></span><span id=gbf class=gbf></span><span id=gbe><a href="/url?sa=p&pref=ig&pval=3&q=http://www.google.co.th/ig%3Fhl%3Dth%26source%3Diglk&usg=AFQjCNFLzuMAC_eggjuFhK201-M2coOcQg" class=gb4>iGoogle</a> | </span><a href="/preferences?hl=th" class=gb4>การตั้งค่าการค้นหา</a> | <a href="https://www.google.com/accounts/Login?hl=th&continue=http://www.google.co.th/webhp%3Fhl%3Dth" class=gb4>ลงชื่อเข้าสู่ระบบ</a></nobr></div><div class=gbh style=left:0></div><div class=gbh style=right:0></div></div></div> <center><span id=body><center><br clear=all id=lgpd><div id=lga><a href="/search?q=%E0%B8%A7%E0%B8%B1%E0%B8%99%E0%B9%80%E0%B8%81%E0%B8%B4%E0%B8%94+30+%E0%B8%9B%E0%B8%B5%E0%B8%82%E0%B8%AD%E0%B8%87+PAC-MAN&hl=th&ct=pacman10-hp&oi=ddle" id="dlink"></a><div id=logo style="width:554px;height:186px;background:black url(logos/pacman10-hp.png) 0 0 no-repeat;position:relative;margin-bottom:9px" title="วันเกิด 30 ปีของ PAC-MAN โดย PAC-MAN™ & ©1980 NAMCO BANDAI Games Inc."><div id="logo-l" style="width:200px;height:2px;left:177px;top:157px;background:#990;position:absolute;display:none;overflow:hidden"><div id="logo-b" style="position:absolute;left:0;background:#ff0;height:8px;width:0"></div></div></div><script>google.pml=function(){function d(a){if(!google.pml_installed){google.pml_installed=true;if(!a){document.getElementById("logo").style.background="black";window.setTimeout(function(){var b=document.getElementById("logo-l");if(b)b.style.display="block"},400)}a=document.createElement("script");a.type="text/javascript";a.src="logos/js/pacman10-hp.2.js";google.dom.append(a)}}function e(){if(document.f&&document.f.btnI)document.f.btnI.onclick=function(){typeof google.pacman!="undefined"?google.pacman.insertCoin():d(false);return false}}if(!google.pml_loaded){google.pml_loaded=true;window.setTimeout(function(){document.f&&document.f.q&&document.f.q.value==""&&d(true)},1E4);e();google.rein&&google.rein.push(e);google.dstr&&google.dstr.push(function(){google.pacman&&google.pacman.destroy();if(google.pml_installed){for(var a=(document.getElementById("xjsc")||document.body).getElementsByTagName("script"),b=0,c;c=a[b++];)c.src.indexOf("/logos/js")!=-1&&google.dom.remove(c);google.pml_installed=false}});google.pacManQuery=function(){google.nav(document.getElementById("dlink").href)}}};</script></div><form action="/search" name=f onsubmit="google.fade=null"><table cellpadding=0 cellspacing=0><tr valign=top><td width=25%> </td><td align=center nowrap><input name=hl type=hidden value=th><input name=source type=hidden value=hp><div class=ds style="height:32px;margin:4px 0"><div style=position:relative;zoom:1><input autocomplete="off" onblur="google&&google.fade&&google.fade()" maxlength=2048 name=q class=lst title="ค้นหาด้วย Google" value="" size=57 style="border:1px solid #ccc;border-bottom-color:#999;border-right-color:#999;font:18px arial,sans-serif bold;height:25px;margin:0;padding:5px 8px 0 6px;vertical-align:top"><img src="/tia/tia.png" width=27 height=23 alt="" style="position:absolute;cursor:pointer;right:5px;top:4px;z-index:300" onclick="var s=document.createElement('script');s.src='/tia/0/th_tia.js';google.append(s);"/></div></div><br style="line-height:0"><span class=ds><span class=lsbb><input name=btnG type=submit value="ค้นหาด้วย Google" class=lsb onclick="this.checked=1"></span></span><span class=ds><span class=lsbb><input name=btnI type=submit value="เติมเงิน" class=lsb onclick="this.checked=1"></span></span></td><td nowrap width=25% align=left class=sblc id=sbl><a href="/advanced_search?hl=th">การค้นหาขั้นสูง</a><a href="/language_tools?hl=th">เครื่องมือภาษา</a></td></tr></table></form><div style="font-size:83%;min-height:3.5em"><br><div class=fade><font size=-1><font color=red>ใหม่</font>! สำรวจโลกแบบสามมิติบน <a href="/aclk?sa=L&ai=CbC1f36r2S86_CdGjrQf_3JTHAt2qo78BxdWywxLB2ZzZExABIMFUUO-V56r______wFg_QWqBIABT9BIneTnh1m_23g09Y9cE3_3_AvFcd3kdrl2BVXFGOjwfOknQdf6pMNPeBVbte69u5Hrr6hyxApSoINwvw-irqTmamdd5li820F7uDMfbqSRYdBF_nmTPxocIdPimsggx4r7DdSXjNL47JjCO0rm7jdzjjHtwZtglilUjqqicCQ&num=1&sig=AGiWqtxc2maPAOoVRVVQ2LyZgK-OHU0XXQ&adurl=http://maps.google.co.th/maps%3Fftr%3Dearth.promo%26hl%3Dth%26utm_campaign%3Dth%26utm_medium%3Dgooghpp%26utm_source%3Dth-googhpp-apac-th-gns-erth%26utm_term%3Devl">Google แผนที่</a> </font><br><br></div><font size=-1 id=addlang>Google.co.th ที่อยู่ในภาษา: <a href="http://www.google.co.th/setprefs?sig=0_YcE8tW12OGOjddF8kSg3ktLsaus=&hl=en">English</a></font><br><br></div><div id=res></div></center></span> <span id=footer><center id=fctr><div style="font-size:10pt"><div id=fll style="margin:19px auto 19px auto;text-align:center"><a href=http://www.google.co.th/intl/th/ads/index.html>โปรแกรมโฆษณา</a><a href=/services/>ทางออกทางธุรกิจ</a><a href="/intl/th/about.html">เกี่ยวกับ Google ทั้งหมด</a><a href="http://www.google.com/ncr">Google.com in English</a></div></div><p style="color:#767676;font-size:8pt">© 2010 - <a href="/intl/th/privacy.html">ข้อมูลส่วนบุคคล</a></p></center></span> </span> <script>function _gjp() {!(location.hash && _gjuc()) && setTimeout(_gjp, 500);}google.j[1]={cc:[],co:['ghead','body','footer','xjsi'],pc:[],nb:0,css:document.getElementsByTagName('style')[0].innerHTML,main:'<div id=ghead></div><span id=body></span><span id=footer></span><span id=xjsi></span>'};</script><script>function wgjp(){var xjs=document.createElement('script');xjs.src='/extern_chrome/eb81fa9d5da3677b.js?hl=th';(document.getElementById('xjsd') || document.body).appendChild(xjs)};</script><div id=xjsd></div><div id=xjsi><script>if(google.y)google.y.first=[];if(google.y)google.y.first=[];if(!google.xjs){google.dstr=[];google.rein=[];window.setTimeout(function(){var a=document.createElement("script");a.src="/extern_js/f/CgJ0aBICdGgrMAo4aEAdLCswDjgPLCswFjgWLCswFzgHLCswGDgFLCswGTggLCswHTgyLCswJTjKiAEsKzAmOAssKzAnOAQsKzAqOAQsKzArOAwsKzA8OAIsKzBAOBAsKzBBOAUsKzBFOAEsKzBOOAUsKzBROAIsgAIT/eb6yjmXasHw.js";(document.getElementById("xjsd")||document.body).appendChild(a);if(google.timers&&google.timers.load.t)google.timers.load.t.xjsls=(new Date).getTime();},0);
google.xjs=1};google.neegg=1;google.y.first.push(function(){google.ac.i(document.f,document.f.q,'','','',{o:1,sw:1});(function(){
var h,i,j=1,k=google.time(),l=[];google.rein.push(function(){j=1;k=google.time()});google.dstr.push(function(){google.fade=null});function m(a,f){var b=[];for(var c=0,e;e=a[c++];){var d=document.getElementById(e);d&&b.push(d)}for(var c=0,g;g=f[c++];)b=b.concat(n(g[0],g[1]));for(var c=0;b[c];c++)b[c]=[b[c],"opacity",0,1,0,""];return b}function n(a,f){var b=[],c=new RegExp("(^|\\s)"+f+"($|\\s)");for(var e=0,d,g=document.getElementsByTagName(a);d=
g[e++];)c.test(d.className)&&b.push(d);return b}google.fade=function(a){if(google.fx&&j){a=a||window.event;var f=1,b=google.time()-k;if(a&&a.type=="mousemove"){var c=a.clientX,e=a.clientY;f=(h||i)&&(h!=c||i!=e)&&b>600;h=c;i=e}if(f){j=0;google.fx.animate(600,m(["fctr","ghead","pmocntr","sbl","tba","tbe"],[["span","fade"],["div","fade"],["div","gbh"]]));for(var d=0;d<
l.length;++d)if(typeof l[d]=="function")l[d]()}}};google.addFadeNotifier=function(a){l.push(a);if(!j)a()};
})();
;google.History&&google.History.initialize('/webhp?hl\x3dth')});if(google.j&&google.j.en&&google.j.xi){window.setTimeout(google.j.xi,0);google.fade=null;}google.pml && google.pml();</script></div><script>(function(){
var b,d,e,f;function g(a,c){if(a.removeEventListener){a.removeEventListener("load",c,false);a.removeEventListener("error",c,false)}else{a.detachEvent("onload",c);a.detachEvent("onerror",c)}}function h(a){f=(new Date).getTime();++d;a=a||window.event;var c=a.target||a.srcElement;g(c,h)}var i=document.getElementsByTagName("img");b=i.length;d=0;for(var j=0,k;j<b;++j){k=i[j];if(k.complete||typeof k.src!="string"||!k.src)++d;else if(k.addEventListener){k.addEventListener("load",h,false);k.addEventListener("error",
h,false)}else{k.attachEvent("onload",h);k.attachEvent("onerror",h)}}e=b-d;function l(){google.timers.load.t.ol=(new Date).getTime();google.timers.load.t.iml=f;google.kCSI.imc=d;google.kCSI.imn=b;google.kCSI.imp=e;google.report&&google.report(google.timers.load,google.kCSI)}if(window.addEventListener)window.addEventListener("load",l,false);else if(window.attachEvent)window.attachEvent("onload",l);google.timers.load.t.prt=(f=(new Date).getTime());
})();
</script>
Tag : - - - -
|
|
|
 |
 |
 |
 |
| Date :
2010-05-21 22:58:07 |
By :
tungman |
View :
4618 |
Reply :
5 |
|
 |
 |
 |
 |
|
|
|
|
 |
