OLD | NEW |
| (Empty) |
1 <html> | |
2 <head> | |
3 <style type="text/css"> | |
4 div.solidborder | |
5 { | |
6 border-style:solid; | |
7 border-width:1px; | |
8 } | |
9 </style> | |
10 | |
11 <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script> | |
12 <script type="text/javascript" src="js/jquery-ui-1.8.10.custom.min.js"></scrip
t> | |
13 <script type="text/javascript"> | |
14 jQuery(document).ready(function(){ | |
15 $('#mousetracker').mousemove(function(e){ | |
16 xPos = e.pageX - this.offsetLeft; | |
17 yPos = e.pageY - this.offsetTop; | |
18 $('#status').html(xPos + ', ' + yPos); | |
19 }); | |
20 }) | |
21 | |
22 </script> | |
23 <body> | |
24 <b>Div tracking mouse position.</b> | |
25 <br> | |
26 <div id="mousetracker" class="solidborder" style="position: absolute; left: 10px
; top: 80px; height: 400px; width: 100px; padding: 0px;"> | |
27 Move mouse here. | |
28 </div> | |
29 <h2 id="status"> | |
30 0, 0 | |
31 </h2> | |
32 </body> | |
33 </html> | |
OLD | NEW |