js-给你的博客添加一双眼睛

js-给你的博客添加一双眼睛


<script type="text/javascript" src="http://wujunlove.googlepages.com/bigstaticeyes.js"></script>

加入你想要放的位置。 就可以了。。




下面是源代码

//
Static Eyes - http://www.btinternet.com/~kurt.grigg/javascript 
if   ((document.getElementById)  &&  
window.addEventListener 
||  window.attachEvent){

(
function (){
var  e_img  =   new  Image();
e_img.src 
=   " http://wujunlove.googlepages.com/bigeye.gif "
var  p_img  =   new  Image();
p_img.src 
=   " http://wujunlove.googlepages.com/bigpupil1.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:102px;width:205px " > '
+ ' < div id = " eyblls'+idx+' "  style = " position:relative;width:205px;height:102px " >< img src = " '+e_img.src+' "  alt = "" /> '
+ ' < img id = " ppl1'+idx+' "  src = " '+p_img.src+' "  alt = ""  style = " position:absolute;top:37px;left:37px;width:27px;height:27px " /> '
+ ' < img id = " ppl2'+idx+' "  src = " '+p_img.src+' "  alt = ""  style = " position:absolute;top:37px;left:140px;width:27px;height:27px " /> '
+ ' < \ / div >< \ / div > ');

function  watchTheMouse(y,x){
var  osy  =  eyeballs.offsetTop;
var  osx  =  eyeballs.offsetLeft;
var  c1y  =  osy  +   51 ;
var  c1x  =  osx  +   51 ;
var  c2y  =  osy  +   51 ;
var  c2x  =  osx  +   154 ;
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  <   51 ) ? d1 / dv: 37 ;
var  onEyeBall2  =  (d2  <   51 ) ? d2 / dv: 37 ;
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);


})();
}
// End.

ww

你可能感兴趣的:(js-给你的博客添加一双眼睛)