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)論

          主站蜘蛛池模板: 宁都县| 垦利县| 平塘县| 秦安县| 五峰| 合川市| 方城县| 朝阳市| 禄丰县| 宣武区| 衡山县| 濮阳市| 嘉定区| 辉南县| 黄骅市| 延庆县| 江源县| 和顺县| 阳城县| 麻阳| 泾川县| 巫溪县| 神农架林区| 重庆市| 平乐县| 长兴县| 游戏| 尼玛县| 汝城县| 阿城市| 昌平区| 靖西县| 石河子市| 邵阳市| 旺苍县| 社会| 盘山县| 石首市| 新巴尔虎左旗| 华亭县| 外汇|