热门源码
|
热门软件
|
高级搜索
|
网站地图
|
文章
·
软件投稿
免费收录你的网站,现在加入广捷居!
庆祝Admin5·站长网广告联盟开通,抢先注册中.
CSS代码在线格式化、美化工具
首页
站长资讯
源码下载
素材图库
脚本特效
电子书籍
专题
开源者社区
智能模糊搜索
资源名称检索
本站推荐
:
共享世纪推荐的2010·互联网建站品牌CMS
Windows/Linux高性能主机
2G 155元,3G 198元,5G 300元,欢迎联系本站站长选购!
仿谷歌"265导航"LOGO,随鼠标转动眼睛的特效
脚本类别:
图形特效
添加时间:
2009-12-29
查看次数:
作者:
ifxc
脚本代码
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>随鼠标转动眼睛JS代码--来客轩</title> </head> <body> <div style="float: left; width: 160; height: 80px;"> <script type="text/javascript"> if ((document.getElementById) && window.addEventListener || window.attachEvent) { (function() { var e_img = new Image(); e_img.src = "/Pri_upfile/jspic/2009/eye-r.gif"; var y_img = new Image(); y_img.src = "/Pri_upfile/jspic/2009/eye-y.gif"; var p_img = new Image(); p_img.src = "/Pri_upfile/jspic/2009/pupil.gif"; var d = document; var pix = "px"; var idx = document.images.length; if (document.getElementById("cont" + idx)) idx++; var eyeballs = ""; var pupil1 = ""; var pupil2 = ""; d.write('<div id="cont' + idx + '" class="eyestyle" style="height:80px;width:160px">' + '<div id="eyblls' + idx + '" style="position:relative;width:160px;height:80px"><img src="' + e_img.src + '" alt=""/><img src="' + y_img.src + '" alt=""/>' + '<img id="ppl1' + idx + '" src="' + p_img.src + '" alt="" style="position:absolute;top:37px;left:37px;width:12px;height:12px"/>' + '<img id="ppl2' + idx + '" src="' + p_img.src + '" alt="" style="position:absolute;top:37px;left:140px;width:12px;height:12px"/>' + '<\/div><\/div>'); function watchTheMouse(y, x) { var osy = eyeballs.offsetTop; var osx = eyeballs.offsetLeft; var c1y = osy + 45; var c1x = osx + 45; var c2y = osy + 45; var c2x = osx + 122; var dy1 = y - c1y; var dx1 = x - c1x; var d1 = Math.sqrt(dy1 * dy1 + dx1 * dx1); var dy2 = y - c2y; var dx2 = x - c2x; var d2 = Math.sqrt(dy2 * dy2 + dx2 * dx2); var ay1 = y - c1y; var ax1 = x - c1x; var angle1 = Math.atan2(ay1, ax1) * 180 / Math.PI; var ay2 = y - c2y; var ax2 = x - c2x; var angle2 = Math.atan2(ay2, ax2) * 180 / Math.PI; var dv = 1.36; var onEyeBall1 = (d1 < 45) ? d1 / dv : 22; var onEyeBall2 = (d2 < 45) ? d2 / dv : 22; pupil1.top = c1y - 13 + onEyeBall1 * Math.sin(angle1 * Math.PI / 180) - osy + pix; pupil1.left = c1x - 13 + onEyeBall1 * Math.cos(angle1 * Math.PI / 180) - osx + pix; pupil2.top = c2y - 13 + onEyeBall2 * Math.sin(angle2 * Math.PI / 180) - osy + pix; pupil2.left = c2x - 13 + onEyeBall2 * Math.cos(angle2 * Math.PI / 180) - osx + pix; } function mouse(e) { var y, x; if (!e) e = window.event; if (typeof e.pageY == 'number') { y = e.pageY; x = e.pageX; } else { var ref = document.documentElement || document.body; y = e.clientY + ref.scrollTop; x = e.clientX + ref.scrollLeft; } watchTheMouse(y, x); } function init() { eyeballs = d.getElementById("eyblls" + idx); pupil1 = d.getElementById("ppl1" + idx).style; pupil2 = d.getElementById("ppl2" + idx).style; } if (window.addEventListener) { window.addEventListener("load", init, false); document.addEventListener("mousemove", mouse, false); } else if (window.attachEvent) { window.attachEvent("onload", init); document.attachEvent("onmousemove", mouse); } })(); } </script> </div> </body> </html>
loading...
当前页面所处路径为
共享世纪
/
脚本特效
/
图形特效
/ ,本特效的Tag为:
共享世纪
仿谷歌"265导航"LOGO特效,随鼠标转动眼睛JS代码--。
会员登陆
close X
用户名
密 码
验证码