仿265網(wǎng)站LOGO，會(huì)盯著你看的眼睛_圖片特效特效

特效Tag：暫無Tag,歡迎添加,賺取U幣!

仿265網(wǎng)站LOGO，會(huì)盯著你看的眼睛，會(huì)跟著你的鼠標(biāo)轉(zhuǎn)，有意思吧？這可是用JavaScript實(shí)現(xiàn)的哦，學(xué)習(xí)JS控制圖像很不錯(cuò)的實(shí)例。

<html>
<head>
<title>仿265網(wǎng)站Logo</title>
</head>
<body>
<script type="text/javascript" >
if  ((document.getElementById) && 
window.addEventListener || window.attachEvent){
(function(){
var e_img = new Image();
e_img.src = "/jscss/demoimg/200906/eye.gif"; 
var p_img = new Image();
p_img.src = "/jscss/demoimg/200906/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   class="znjbzjn"   id="cont'+idx+'" class="eyestyle" style="height:34px;width:69px">'
+'<div   class="znjbzjn"   id="eyblls'+idx+'" style="position:relative;width:69px;height:34px"><img src="http://p1.mb5u.com/texiao/1/20110225160508318.src+" alt=""/>'
+'<img id="ppl1'+idx+'" src="http://p1.mb5u.com/texiao/1/20110225160508319.src+" alt="" style="position:absolute;top:10px;left:11px;width:13px;height:13px"/>'
+'<img id="ppl2'+idx+'" src="http://p1.mb5u.com/texiao/1/20110225160508319.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>

所屬頻道：圖片特效特效/更新時(shí)間：2012-12-01

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)圖片特效特效：

圖片特效特效Rss訂閱特效代碼搜索

圖片特效特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁鏈接| 搜索仿265網(wǎng)站LOGO，會(huì)盯著你看的眼睛
特效說明：
圖片特效模板-仿265網(wǎng)站LOGO，會(huì)盯著你看的眼睛。

日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

仿265網(wǎng)站LOGO，會(huì)盯著你看的眼睛_圖片特效特效

圖片特效特效Rss訂閱特效代碼搜索

圖片特效特效推薦

猜你也喜歡看這些

仿265網(wǎng)站LOGO，會(huì)盯著你看的眼睛_圖片特效特效