您的位置：首页 > 运维架构 > 网站架构

仿265网站LOGO，会盯着你看的眼睛

2016-07-11 11:20 405 查看

<html>

<head>

<title>仿265网站Logo</title>

</head>

<body>

<script type="text/javascript" >

if ((document.getElementById) &&

window.addEventListener || window.attachEvent){

(function(){

var e_img = new Image();

e_img.src = "eye.gif";

var p_img = new Image();

p_img.src = "pupils.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:34px;width:69px">'

+'<div id="eyblls'+idx+'" style="position:relative;width:69px;height:34px"><img src="'+e_img.src+'" alt=""/>'

+'<img id="ppl1'+idx+'" src="'+p_img.src+'" alt="" style="position:absolute;top:10px;left:11px;width:13px;height:13px"/>'

+'<img id="ppl2'+idx+'" src="'+p_img.src+'" alt="" style="position:absolute;top:10px;left:46px;width:13px;height:13px"/>'

+'<\/div><\/div>');

function watchTheMouse(y,x){

var osy = eyeballs.offsetTop;

var osx = eyeballs.offsetLeft;

var c1y = osy + 17;

var c1x = osx + 17;

var c2y = osy + 17;

var c2x = osx + 52;

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.7;

var onEyeBall1 = (d1 < 17)?d1/dv:10;

var onEyeBall2 = (d2 < 17)?d2/dv:10;

pupil1.top = c1y-6+onEyeBall1 * Math.sin(angle1*Math.PI/180)-osy+pix;

pupil1.left = c1x-6+onEyeBall1 * Math.cos(angle1*Math.PI/180)-osx+pix;

pupil2.top = c2y-6+onEyeBall2 * Math.sin(angle2*Math.PI/180)-osy+pix;

pupil2.left = c2x-6+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);

}

})();

}//End.

</script>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航