google首页动态图片代码

最新推荐文章于 2022-11-30 15:13:30 发布

srnpr

最新推荐文章于 2022-11-30 15:13:30 发布

阅读量2.5k

点赞数

分类专栏： javascript 文章标签： google function null c animation xmlhttprequest

本文链接：https://blog.csdn.net/srnpr/article/details/2219211

版权

javascript 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

呵呵没事google时发现这东西很帅的把代码下下来看看的备忘用仅供参考如果实用的话请自行修改

将下面内容粘贴到一html文件就行的

<html>
<div id="tb"></div>
<script>
/*
完全从google拷贝下来删除整合部分多余代码下面代码没做多余分析
应该能精简的，但是看这样的代码头疼就懒得动的呵呵
哪位大哥大姐如果能精简到最底的时候请给我发份参考，谢谢
QQ:51795021
email:srnpr@sina.com
版权归google所有我只是提供研究下
^V^
srnpr创建于某一天无聊的时候
*/

//修改自己定义google图片png路径
var srgooglepng="http://www.google.cn/intl/zh-CN/images/toolbar_animation_20070919.png";

//定义Google拷贝自Google首页
window.google={kEI:"prjpR_SAMJHmsALsuMTXCg",kEXPI:"17259,17735,18065,18074",kHL:"zh-CN"};

//以下拷贝自http://www.google.cn//extern_js/f/CgV6aC1DThICY24rMAo4AywrMBE4ACw/ZsKH79qzaEY.js

//var l="toolbar_animation_20070919.png",m=52,n=37,o=75,p=100;
//修改更改了路径上面是原文件的定义中文定义在下面连接也在下面~~
var l=srgooglepng,m=52,n=37,o=75,p=100;

function q(c,d,b,a,f){return{url:c,name:d,tooltip:b,color:a,yAdjust:f}}var r=[q("http://video.google.cn/","/u89c6/u9891","/u641c/u7d22/u70ed/u95e8/u7f51/u7edc/u89c6/u9891","#54a70d",[2,5]),q("http://images.google.cn/","/u56fe/u7247","/u641c/u7d22/u5168/u7403/u7684/u56fe/u7247","#3b79e7",[2,5]),q("http://news.google.cn/","/u8d44/u8baf","/u8ddf/u8e2a/u793e/u4f1a/u70ed/u70b9/uff0c/u641c/u7d22/u6700/u65b0/u8d44/u8baf","#f3e76e",
[3,7]),q("http://ditu.google.cn/","/u5730/u56fe","/u67e5/u8be2/u5730/u5740/u3001/u635c/u7d22/u5468/u8fb9/u548c/u89c4/u5212/u8def/u7ebf","#96cfec",[4,9]),q("http://blogsearch.google.cn/","/u535a/u5ba2/u641c/u7d22","/u5728/u535a/u5ba2/u4e2d/u641c/u7d22/u611f/u5174/u8da3/u7684/u4e3b/u9898","#e6af36",[3,7]),q("http://www.google.cn/rebang/","/u70ed/u699c","/u67e5/u770b/u5206/u7c7b/u70ed/u95e8/u641c/u7d22/u6392/u884c","#ff9202",[2,5]),q("http://daohang.google.cn/","/u7f51/u7ad9/u5bfc/u822a","/u7f51/u5740/u5927/u5168/uff0c/u5feb/u901f/u76f4/u8fbe/u5e38/u7528/u7f51/u7ad9",
"#d93c08",[2,5])],s=[];function t(c,d){while(d&&c!=d)d=d.parentNode;return d==c}function v(c,d){return function(b){b=b||window.event;var a=s[d],f=c=="mouseover",g=b.target||b.srcElement,e=b.relatedTarget||(f?b.fromElement:b.toElement),h=!e||t(a.element,e),i=t(a.element,g);if(f&&!h||!f&&(!e||i&&!h)){var j=a.icon;j.mouseTimeout=window.clearTimeout(j.mouseTimeout);var u=f?1:-1;if(j.b!=u)j.mouseTimeout=window.setTimeout(j.e(u,undefined),f?p/3:p)}}}function w(c,d,b){k(c,d,v(d,b))}function x(c,d,b){this.c=
c;var a=document.createElement("div"),f=c.color,g="background-color:"+f,e="width:1px;height:1px;"+g+";float:",h='<div style="height:1px;overflow:hidden"><div style="'+e+'left"></div><div style="'+e+'right"></div></div>',i="margin:0 1px;height:1px;overflow:hidden;"+g;a.innerHTML='<div style="display:none;position:absolute;top:0;left:0;z-index:2;background:#fff;cursor:pointer;cursor:hand"><a href="'+d+'" style="color:#444;text-decoration:none" target=_blank><div style="'+i+'"></div><div style="text-align:center;border-left:1px solid;border-right:1px solid;border-color:'+
f+'">'+h+'<div style="margin:0 auto;white-space:nowrap;padding:.2em 0 0"><font size=-1><span>'+b+"</span></font></div>"+h+'</div><div style="'+i+'"></div><div style="height:4px" align="center"><div style="position:relative;top:-1px;z-index:3;width:8px;overflow:hidden;margin:0 auto;height:4px;background:no-repeat -260px '+-c.spriteCoordinateList[0].y+'px"></div></div></a></div>';this.h=a.getElementsByTagName("span")[0];document.body.appendChild(a);a.firstChild.firstChild.lastChild.firstChild.style.backgroundImage=
"url("+l+")";this.element=a.firstChild;var j=s.length;s.push({icon:c,element:this.element});w(this.element,"mouseover",j);w(this.element,"mouseout",j)}x.prototype.play=function(c){var d=this.c.element.firstChild,b={left:-d.offsetLeft,top:0};while(d){b.left+=d.offsetLeft;b.top+=d.offsetTop;d=d.offsetParent}var a=this.element.style;if(a.display=="none"){a.visibility="hidden";a.display="block"}var f=this.element.offsetHeight,g=this.h.offsetWidth+14;if(a.visibility=="hidden"){a.display="none";a.visibility=
"visible"}a.width=g+"px";b.left-=(g-this.c.element.parentNode.offsetWidth)/2;b.top-=f-3;b.top+=20*Math.pow(1-c/this.c.frames,3);a.left=b.left+"px";a.top=b.top+"px";if(c==0||this.c.b<0)a.display="none";else{a.display="";var e=c/this.c.frames;if("opacity"in a)a.opacity=e;else if("MozOpacity"in a)a.MozOpacity=e;else if("KhtmlOpacity"in a)a.KhtmlOpacity=e;else if("filter"in a)a.filter="alpha(opacity="+e*100+")"}};function y(c,d,b,a,f){this.element=c;this.mouseTimeout=null;this.frames=d.length-1;this.spriteCoordinateList=
d;this.color=b;this.d=null;this.g=c.getElementsByTagName("div")[1];this.i=new x(this,a,f);this.b=-1;this.a=1;var g=s.length;s.push({icon:this,element:c});w(c,"mouseover",g);w(c,"mouseout",g)}y.prototype.e=function(c,d){var b=this;return function(){b.f(c,d)}};y.prototype.f=function(c,d){if(c){this.b=c;this.mouseTimeout=window.clearTimeout(this.mouseTimeout);this.d=window.clearTimeout(this.d)}if(typeof d!="undefined")this.a=d;var b=this.spriteCoordinateList[this.a];this.g.style.backgroundPosition=-b.x+
"px "+-b.y+"px";this.i.play(this.a);var a=this.element.style;if(this.b<0){a.color="#444";a.textDecoration="none"}else{a.color=this.color;a.textDecoration="underline"}this.a+=this.b;if(this.a>this.frames)this.a=this.frames-1;else if(this.a<0)this.a=1;else this.d=window.setTimeout(this.e(undefined,undefined),o)};k(window,"load",function(){try{document.execCommand("BackgroundImageCache",false,true)}catch(c){}var d='<table style="margin:2em auto;border-collapse:collapse;line-height:1.4em" cellpadding="3" cellspacing="2" border="0"><tr>';
for(var b=0;b<r.length;++b){var a=r[b];a.url="/url?ct=pro&cd="+b+"&source=cwh&q="+encodeURIComponent(a.url);var f=[],g=n*b;for(var e=0;e<7;++e)if(e>4)f.push({x:m*4,y:g-a.yAdjust[e-5]});else f.push({x:m*e,y:g});a.coordinates=f;d+='<td style="text-align:center;padding:0 .35em 0 .4em;margin:0;cursor:pointer;cursor:hand"><a style="color:#444;text-decoration:none;" href="'+a.url+'" target=_blank><div><div style="width:52px;height:37px;margin:.5em auto;cursor:pointer;cursor:hand;background: no-repeat 0 '+
-g+'px"></div><span style="white-space:nowrap"><font size=-1>'+a.name+"</font></span></div></a></td>"}d+="</tr></table>";var h=document.getElementById("tb");h.innerHTML=d;var i=h.getElementsByTagName("a");for(var b=0;b<i.length;++b){i[b].firstChild.firstChild.style.backgroundImage="url("+l+")";new y(i[b],r[b].coordinates,r[b].color,r[b].url,r[b].tooltip)}});
})();

</script>
</html>

srnpr

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
google首页动态图片代码

呵呵没事google时发现这东西很帅的把代码下下来看看的备忘用仅供参考如果实用的话请自行修改将下面内容粘贴到一html文件就行的 /*完全从google拷贝下来删除整合部分多余代码下面代码没做多余分析应该能精简的，但是看这样的代码头疼就懒得动的呵呵哪位大哥大姐如果能精简到最底的时候请给我发份参考，谢谢QQ:51795021email:[email protected]
复制链接

扫一扫