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