数码产品

jquery实现asp.net 网页鼠标所在位置

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mouseposition.aspx.cs" Inherits="test.mouseposition" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">  
    <title>Mouse Position using JQuery in Asp .Net</title>  
</head>  
  
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>  
  
<script type="text/javascript">
    $(function () {
        $(document).mousemove(function (e) {
            $('#lblMousePosition').html("X Axis: " + e.pageX + "<br/><br/>" + "Y Axis: " + e.pageY);
        })
    })  
</script>  
  
</head>  
<body>  
    <form id="form1" runat="server">  
    <div>  
        <label id="lblMousePosition" style="background-color: Red;" />  
    </div>  
    </form>  
</body>  
</html>  

运行结果如下:

posted @ 2015-01-03 23:52  Hackerman  阅读(328)  评论(0编辑  收藏  举报
数码产品