随鼠标转动的眼睛js特效

作者:sky 点击:124 评论:0 发布时间:周日, 11/23/2008 - 00:38 所属分类:鼠标特效

跟随鼠标旋转滚动的眼睛，很经典，鼠标移动自动旋转，兼容当前所有浏览器。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="author" content="zzjs.net" /> <meta name="keywords" content="网页特效,网页特效代码,js特效,js特效代码,js脚本,js,javascript,广告代码" /> <meta name="description" content="站长和网站开发人员必备的js特效和广告代码，以质量为核心，以实用为目的，打造一流的网页特效站。" /> <title>站长特效网 - 高质量网页特效代码,广告代码,js特效代码网站.</title> <style type="text/css"> img{border:0px} .logo{background:url(/img/zzjs_net_logo.gif); width:160px; height:60px; overflow:hidden;} </style> </head> <body> <a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>  <script type="text/javascript" src="http://www.zzjs.net/ad/tc.js"></script> <div id="logo"> <div class="logo" id="zzjs_net_logoeye"><a href="http://www.zzjs.net" title="站长特效网首页"><img src="/img/zzjs_net_null.gif" alt="站长特效网首页" /></a> </div> </div> <script type="text/javascript"> function m(a, b) {//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，.net打造靓站，还有许多广告代码下载。 return a.position = b } function o(a, b) {//x欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，.net打造靓站，还有许多广告代码下载。 return a.left = b } function ca(a, b) { return a.zIndex = b } var p = "length", r = "style", s = "body", x, y; function U(a) {//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，.net打造靓站，还有许多广告代码下载。q return document.createElement(a) } var Y, mb, nb, ob, pb, Z, $; var qb =73,rb=30,sb=69,tb=30,ub=91,vb=30,wb=74,xb=30,yb=83,zb=30,Ab=8,Bb=6,Cb=1,Db=100; var Eb; var Fb = "/img/zzjs_net_null.gif"; function Gb(a) {//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，.net打造靓站，还有c许多广告代码下载。c var b = 0, c = 0; if (a.pageX || a.pageY) { b = a.pageX; c = a.pageY } else if (a.clientX || a.clientY) { b = a.clientX + document[s].scrollLeft; c = a.clientY + document[s].scrollTop } return [b, c] } function Ib(a) { Jb(); a = a || document.parentWindow.event; var b = Gb(a), c = b[0], d = b[1]; Kb(c, d, Z, sb, tb); Kb(c, d, $, ub, vb) }//欢迎来到站长特效网，我们q的网址是www.zzjs.net，很好记，zz站长，js就是js特效，.net打造靓站，还有许多广告代码下载。 function Kb(a, b, c, d, g) { var e = a - d - mb, f = (b - g - nb) * (Ab / Bb), j = Math.sqrt(Math.pow(e, 2) + Math.pow(f, 2)), h, l; if (j == 0) { h = d; l = g } else { var B = Math.sqrt(Math.pow(j, 2) + Math.pow(Db, 2)), E = Ab * j / B; h = E * e / j + d + mb; l = E * f / j / (Ab / Bb) + g + nb } h -= Cb; l -= Cb; o(c[r], parseInt(h, 10) + "px"); c[r].top = parseInt(l, 10) + "px" }//欢迎来到站长x特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，.net打造靓站，还有许多广告代码下载。 function EYES_init() { var a = Mb("zzjs_net_logoeye"), b = Nb(a, "a"); Eb = Nb(a, "img"); if ( - 1 == Eb.src.indexOf(Fb)) { return } Y = U("img"); Z = U("img"); $ = U("img"); Y.border = (Z.border = ($.border = 0)); Y.src = "/img/zzjs_net_eyeball.gif"; Z.src = ($.src = "/img/zzjs_net_eye.gif"); Jb(); m(Y[r], m(Z[r], m($[r], "absolute"))); ca(Y[r], 90); ca(Z[r], ca($[r], 100)); b.appendChild(Y); b.appendChild(Z); b.appendChild($); document.onmousemove = Ib; // T(window, "pageshow", Jb); // T(window, "resize", Jb) }//欢迎来到站长特效网，我们的网址是www.zzjs.net，.很好记，zz站长，js就是js特效，.net打造靓站，还有许多广告代码下载。 function Jb() { var a = Ob(Eb); mb = a.x; nb = a.y; ob = Eb.width; pb = Eb[p]; var b = "px"; o(Y[r], mb + qb + b); Y[r].top = nb + rb + b; o(Z[r], a.x + wb + b); Z[r].top = a.y + xb + b; o($[r], a.x + yb + b); $[r].top = a.y + zb + b } function Ob(a) { var b = a.offsetLeft, c = a.offsetTop; if (a.offsetParent != null) { var d = Ob(a.offsetParent); b += d.x; c += d.y; } return{x:b,y:c} } function T(a, b, c) { var d = "on" + b; if (a.addEventListener) { a.addEventListener(b, c, false) } else if (a.attachEvent) { a.attachEvent(d, c) } else { var g = a[d]; a[d] = function() { var e = g.apply(this, arguments), f = c.apply(this, arguments); return e == undefined ? f : (f == undefined ? e : f && e) } } }; function Mb(a) { return document.getElementById(a) }//欢迎来到站长xq特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，.net打造靓站，还有许多广告代码下载。 function Nb(a, b) { return a.getElementsByTagName(b)[0] }//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，.net打造靓站，还有许多广告代码下.载。 EYES_init(); </script> </body> </html>

提示：你可以先修改部分代码再运行。

顶一下

(0)

100%

踩一下

(0)

100%

标签: