随鼠标转动的眼睛js特效

4个月前 (06-06 14:39)阅读回复0
大陆
大陆
  • 管理员
  • 发消息
  • 注册排名1
  • 经验值5294
  • 级别管理员
  • 主题1058
  • 回复2
楼主

跟随鼠标旋转滚动的眼睛,网页上很经典的眼睛转动特效,鼠标移动自动旋转,兼容当前所有浏览器。

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren">
<meta name="description" content="欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。">
<title>随鼠标转动的眼睛js特效_武鸣人</title>
<style type="text/css">
img{border:0px}
#logo_wuming{background:url(/img/20240606_www_wuming_ren_1.gif); width:160px; height:60px; overflow:hidden;}
</style>
</head>
<body>
<a href="https://www.wuming.ren">武鸣人</a>,各种信息资源免费发布,分享励志语录经典短句,减肥健身常识,各种js特效代码。网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
<div id="logo_wuming">
<div id="wuming_ren_logoeye"><a href="https://www.wuming.ren" title="武鸣人首页"><img src="/img/20240606_www_wuming_ren_2.gif" alt="武鸣人首页" /></a>
</div>
</div>
<script type="text/javascript">
function m(a, b)
{//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
  return a.position = b
}
function o(a, b)
{//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
  return a.left = b
}
function ca(a, b)
{
  return a.zIndex = b
}
var p = "length", r = "style", s = "body", x, y;
function U(a)
{//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
  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/20240606_www_wuming_ren_2.gif";
function Gb(a)
{//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
  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)
}//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
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"
}//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
function EYES_init()
{
  var a = Mb("wuming_ren_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/20240606_www_wuming_ren_4.gif";
  Z.src = ($.src = "/img/20240606_www_wuming_ren_3.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)
}//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
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)
}//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
function Nb(a, b)
{
  return a.getElementsByTagName(b)[0]
}//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)
EYES_init();
</script>
</body>
</html>


2
0
收藏0

本文来自武鸣人网站,转载请注明出处

本文地址:https://www.wuming.ren/a/1136.html

回帖 返回兴趣爱好

随鼠标转动的眼睛js特效 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息