google眼睛

最新推荐文章于 2021-07-24 02:03:15 发布

xianyiqi

最新推荐文章于 2021-07-24 02:03:15 发布

阅读量2.8k

点赞数

分类专栏： javascript 文章标签： google module function distance image scroll

本文链接：https://blog.csdn.net/xianyiqi/article/details/3956245

版权

javascript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

google眼睛很好看，于是想弄下来填充一下自己的博客。

读了一下代码，发现google眼睛的代码在这里

http://www.google.com/ig/modules/china/eyes.xml

于是将里面的HTML保存下来，结果还是不行。

肯定还需要一个JS文件，经过查找发现是这个“0TBAQTjt0HQ.js”；

将它引用到头部，大功告成！

完整代码：

<SCRIPT src="http://www.google.cn/ig/extern_js/f/CgJlbhICdXMrMAE4ACw/0TBAQTjt0HQ.js" mce_src="http://www.google.cn/ig/extern_js/f/CgJlbhICdXMrMAE4ACw/0TBAQTjt0HQ.js"></SCRIPT> <mce:style></mce:style><style mce_bogus="1">#EYES_pupil0__MODULE_ID__,#EYES_pupil1__MODULE_ID__ { position:relative; width:15px; height:15px; left:52px; top:52px; }</style> <table cellpadding=0 cellspacing=0 border=0 align=center style="margin-top:5px;" mce_style="margin-top:5px;"> <tr> <td background="http://www.google.com/ig/modules/eyes_content/eye-r.gif"> <div style="width:117px;height:117px;"> <img src="http://www.google.com/ig/modules/eyes_content/pupil.gif" mce_src="http://www.google.com/ig/modules/eyes_content/pupil.gif" id="EYES_pupil0__MODULE_ID__"> </div> </td> <td background="http://www.google.com/ig/modules/eyes_content/eye-y.gif"> <div style="width:117px;height:117px;"> <img src="http://www.google.com/ig/modules/eyes_content/pupil.gif" mce_src="http://www.google.com/ig/modules/eyes_content/pupil.gif" id="EYES_pupil1__MODULE_ID__"> </div> </td> </tr> </table> <mce:script type="text/javascript"> var EYES__MODULE_ID__ = { MAX_DIST : 37, // furthest pupil can move from center EYE_RADIUS : 59, // eye image width / 2 PUPIL_RADIUS : 7, // pupil image width / 2 pupils : [], init : function() { _IG_AddDOMEventHandler(document, "mousemove", EYES__MODULE_ID__.moveEyes); EYES__MODULE_ID__.pupils = [ _gel("EYES_pupil0__MODULE_ID__"), _gel("EYES_pupil1__MODULE_ID__") ]; }, moveEyes : function(e) { if (!e) e = window.event; var app = EYES__MODULE_ID__; for (var i = 0; i < app.pupils.length; i++) { var pupil = app.pupils[i]; // The middle points of the eyes var midx = app.getPagePos(pupil.parentNode,true) + app.EYE_RADIUS; var midy = app.getPagePos(pupil.parentNode,false) + app.EYE_RADIUS; // Page scroll var scrollx = 0; var scrolly = 0; if (typeof(window.pageXOffset) == 'number') { scrollx = window.pageXOffset; scrolly = window.pageYOffset; } else { scrollx = document.documentElement.scrollLeft; scrolly = document.documentElement.scrollTop; } // The distX/distY from eye middles to the mouse var distX = e.clientX + scrollx - midx; var distY = e.clientY + scrolly - midy; // The absolute distance from eye middles to the mouse var dist = Math.sqrt(Math.pow(distX, 2) + Math.pow(distY, 2)); if (dist > app.MAX_DIST) { // mouse out of eyeball, scale distX/distY to be at eyeball edge var scale = app.MAX_DIST / dist; distX *= scale; distY *= scale; } // Place the pupil appropriately pupil.style.left = parseInt(distX + app.EYE_RADIUS - app.PUPIL_RADIUS) + "px"; pupil.style.top = parseInt(distY + app.EYE_RADIUS - app.PUPIL_RADIUS) + "px"; } }, // get page coords for an element getPagePos : function(el, left) { var val=0; while(el != null) { val += el["offset"+(left?"Left":"Top")]; el = el.offsetParent; } return val; } }; EYES__MODULE_ID__.init(); // --></mce:script>