posts - 165, comments - 198, trackbacks - 0, articles - 1
            BlogJava :: 首頁(yè) :: 新隨筆 :: 聯(lián)系 :: 聚合  :: 管理

          javascript 鼠標(biāo)跟隨+位置顯示

          Posted on 2008-04-15 13:41 G_G 閱讀(3073) 評(píng)論(2)  編輯  收藏 所屬分類: javascript

          參考 :http://www.codebit.cn/pub/html/javascript/tip/mouse_position/
          <script?type="text/javascript">?

          function?mousePosition(ev){
          ??? //支持 火狐
          ????
          if(ev.pageX?||?ev.pageY){
          ????????
          return?{x:ev.pageX,?y:ev.pageY};
          ????}
          ??? //支持IE
          ????
          return?{
          ????????x:ev.clientX?
          +?document.body.scrollLeft?-?document.body.clientLeft,
          ????????y:ev.clientY?
          +?document.body.scrollTop?-?document.body.clientTop
          ????};
          }

          function?mouseMove(ev){
          ????ev?
          =?ev?||?window.event;
          ????
          var?mousePos?=?mousePosition(ev);
          ????????
          ?????? document.getElementById('div1').innerHTML?
          =?mousePos.x?+":"+mousePos.y?;
          ???????document.getElementById('div1').style.left?
          =?mousePos.x+10;
          ???????document.getElementById('div1').style.top?
          =?mousePos.y+50;
          }

          //事件添加
          document.onmousemove?
          =?mouseMove;


          </script>
          <body>
          ????
          <p?id='pi'></p>
          ????
          <div?id='div1'??style="position:absolute;??
          ??left:50;??
          ??top:10;??
          ??z-index:1000;??
          ??padding:0px;??
          ??background-color:#FFFFCC;??
          ??color:#201000;??
          ??font-size:12px;??
          ??border:1px???solid???#284860;
          "></div>???
          </body>

          直接運(yùn)行



          評(píng)論

          # re: javascript 鼠標(biāo)跟隨+位置顯示  回復(fù)  更多評(píng)論   

          2008-08-29 16:21 by shopzyw
          Very good!!!
          Very good!!!

          # re: javascript 鼠標(biāo)跟隨+位置顯示  回復(fù)  更多評(píng)論   

          2009-01-19 11:25 by Guy
          thank you
          主站蜘蛛池模板: 芷江| 咸丰县| 横峰县| 科技| 呼和浩特市| 贡嘎县| 泸定县| 耿马| 六安市| 绥芬河市| 左云县| 和田市| 滨州市| 新竹市| 新建县| 兴国县| 宜城市| 雅江县| 徐水县| 桦甸市| 斗六市| 怀来县| 金塔县| 宜兰县| 甘孜| 龙南县| 高邮市| 禄劝| 唐河县| 兴和县| 荥经县| 准格尔旗| 龙里县| 嘉荫县| 南部县| 万荣县| 武陟县| 华宁县| 集安市| 绥芬河市| 庆城县|