<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

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

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

    Posted on 2008-04-15 13:41 G_G 閱讀(3077) 評(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
    主站蜘蛛池模板: 国产一级大片免费看| 亚洲精品无播放器在线播放 | 亚洲中文字幕伊人久久无码| 久久w5ww成w人免费| 亚洲免费日韩无码系列| 国产亚洲人成在线播放| 久久精品国产亚洲AV久| 久久亚洲国产精品| 亚洲精品NV久久久久久久久久| 18禁超污无遮挡无码免费网站国产 | 一级做a爰片久久免费| 一区二区亚洲精品精华液 | 午夜影院免费观看| 好湿好大好紧好爽免费视频| 日韩亚洲人成网站| 国产亚洲精品影视在线| 亚洲成a人片7777| 亚洲伦理一区二区| 精品亚洲永久免费精品| 亚洲精品和日本精品| 国产精品免费看久久久久| 日韩精品无码区免费专区 | 亚洲伦理一区二区| 亚洲av日韩av天堂影片精品| 亚洲一级特黄无码片| 亚洲另类激情专区小说图片| 免费大片在线观看网站| 国产小视频在线观看免费| 国外成人免费高清激情视频| 一二三四免费观看在线视频中文版 | 免费一区二区三区在线视频| 亚洲欧美日本韩国| 亚洲中文字幕无码mv| 亚洲 日韩 色 图网站| 亚洲精品伊人久久久久| 亚洲国产成人精品青青草原| 亚洲日本国产精华液| 亚洲精品中文字幕麻豆| 亚洲第一页在线视频| 亚洲最大黄色网站| 亚洲中文字幕AV在天堂|