Google feeling lucky happy new year 新年好效果(SCRIPT代码)显示在自己的网站博客或者单篇文章内

网站应用 - 一月 9, 2010 - 来源:单点日志 - No Comments -

关于最近google.com页面上的feeling lucky按钮,点后出现Happy new year!的烟花效果,比较喜欢,研究了一下,觉得很好玩,想在自己的页面上也显示,并且只想在这篇文中显示,具体操作也很简单,下面介绍一下。

 主要是写好js文件,内容为生成效果的 script代码,再在文章中引用,并且打开页面不触发,通过按钮点击响应js文件中的函数(function)从而运行script代码。

你可以点击下面的按钮测试下效果,喜欢可以拿着去,此文原创转载请注明出处,Google feeling lucky happy new year 新年好效果(SCRIPT代码)显示在自己的网站博客或者单篇文章内

制作方法:

 js文件内容如下:

function shownewyear() {
<!–
google = {}
google.egg||function()
{function n(){
var l=Math.floor((k.getTime()-(new Date).getTime())/1E3);
if(l>0){h.innerHTML=l;window.setTimeout(n,500);if(l<m&&!google.egg.loading){google.eggRequest(“ifl”);google.egg.loading=1}}else{h.innerHTML=”";google.egg.go()}}google.egg={go:function(){},loading:0,loaded:0};var k=new Date(2010,0,1),i=document.createElement(“center”);i.innerHTML=’<div style=”font-size:500%;font-weight:bold;color:darkblue”></div>’;var g=document.getElementById(“xjsd”);if(g){g.parentNode.insertBefore(i,
g);var h=i.firstChild,m=3600*(1+Math.random());window.setTimeout(n,0)}}();

google.egg.loaded||function(){function n(d,f,c,e){function j(){for(var q=[],b;b=o.shift();){if(b.y+b.vy+a.y+40<g&&b.x+b.vx+a.x+25<h){b.x+=b.vx;b.vy+=0.25;b.y+=b.vy;b.fragment.style.left=b.x+”px”;b.fragment.style.top=b.y+”px”;b.count+=1;if(b.count<100){q.push(b);continue}}a.removeChild(b.fragment)}o=q;if(o.length>0&&google.egg)window.setTimeout(j,20);else{document.body.removeChild(a);m–}}var a=document.createElement(“DIV”);a.style.color=e;a.style.position=”absolute”;a.x=d-22;a.style.left=a.x+”px”;
a.y=f-8;a.style.top=a.y+”px”;a.innerHTML=”<font size=+2><i><b>”+c+”</b></i></font>”;var o=[];d=[1,7.007,10,7.007,-1,-7.007,-10,-7.007];for(f=0;f<d.length;++f){c=document.createElement(“DIV”);c.innerHTML=”*”;c.style.fontSize=”200%”;c.style.position=”absolute”;e=d[f];var p=d[(f+2)%d.length];c.style.left=e+22+”px”;c.style.top=p+8+”px”;o.push({fragment:c,x:e+22,y:p+8,vx:e,vy:p,count:0});a.appendChild(c)}window.setTimeout(function(){if(google.egg){m++;document.body.appendChild(a);window.setTimeout(j,10)}})}function k(d,f,c,e){return function(){n(d,f,c,e)}}function i(){if(google.egg){if(m<24)for(var d=0,f=0;d<12;f++){var c=(h-300)*Math.random()+50,e=g/3*Math.random()+150,j=500*Math.random(),a=l[f];window.setTimeout(k(c,e,”Happy”,a),j+100*d++);c+=(Math.random()-0.5)*25+75;e+=(Math.random()-0.5)*20;window.setTimeout(k(c,e,”New”,a),j+100*d++);c+=Math.random()*100;e+=(Math.random()-0.5)*20;window.setTimeout(k(c,e,”Year”,a),j+100*d++)}window.setTimeout(i,2E3)}}var g,h;if(typeof window.innerWidth==”number”){g=
window.innerHeight;h=window.innerWidth}else if(document.documentElement&&(document.documentElement.clientWidth||document.documentElement.clientHeight)){g=document.documentElement.clientHeight;h=document.documentElement.clientWidth}else{g=document.body.clientHeight;h=document.body.clientWidth}var m=0,l=["red","blue","#ffcf00","green"];google.egg.go=function(){i();var d=false;
//google.bind(document,”click”,function(){if(!d){delete google.egg;d=true}});
document.onclick = function(){if(!d){delete google.egg;d=true}}
};google.egg.loaded=1}();
//–>
}

如何在博客文章中调用执行js文件中script代码,需要如下代码:

<form>
  <input type=”button” value=”Google feeling lucky” onclick=”shownewyear()”/>
  </form>

<div id=”xjsd”></div>

<script type=”text/javascript” src=”http://www.yourdomain.com/google.js”></script>

这里需要注意的在这里<div id=”xjsd”></div>此行代码必须添加,否则 google feeling luck的happy new year 烟花是不会出效果的,原因大概是google的script代码中有id css的设置。

google js文件名称任意,只是你调用的要对应。



无觅相关文章插件,快速提升流量

《Google feeling lucky happy new year 新年好效果(SCRIPT代码)显示在自己的网站博客或者单篇文章内》由单点日志原创提供!
转载请注明:http://spoint.babyshoot.cn/archives/2010/01/google-feeling-lucky-happy-new-year.html

No Comments│赶紧发话! »

发表评论

您必须登录后才能发表评论。
8