blogjava's web log

          blogjava's web log
          ...

          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

          posted on 2006-09-11 09:37 record java and net 閱讀(597) 評(píng)論(1)  編輯  收藏 所屬分類: xml and html

          評(píng)論

          # re: js-給你的博客添加一雙眼睛[未登錄] 2009-02-26 14:17 cn-done

          貌似在哪個(gè)外文網(wǎng)站上看見過這個(gè)效果!!!呵呵   回復(fù)  更多評(píng)論   

          導(dǎo)航

          常用鏈接

          留言簿(44)

          新聞檔案

          2.動(dòng)態(tài)語言

          3.工具箱

          9.文檔教程

          友情鏈接

          搜索

          最新評(píng)論

          主站蜘蛛池模板: 册亨县| 岑巩县| 漳浦县| 崇礼县| 社会| 达州市| 珠海市| 通化县| 福鼎市| 潢川县| 重庆市| 延边| 承德县| 颍上县| 土默特左旗| 文昌市| 寻乌县| 新乡县| 上高县| 鄂托克旗| 岳阳县| 冕宁县| 高密市| 庄河市| 伊通| 衡阳市| 无极县| 荣昌县| 运城市| 万山特区| 霍林郭勒市| 商南县| 偏关县| 诏安县| 云林县| 永和县| 浦江县| 云霄县| 湘潭县| 星子县| 柳江县|