標籤：
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 3 <html> 4 <head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <title>dom</title> 7 <style> 8 * { 9 margin:0;10 padding:0;11 }12 .toTop {13 display:inline-block;14 width:500px;15 height:400px;16 background-color:#969;17 fond-size:52px;18 line-height:400px;19 text-align:center;20 color:#fff;21 cursor:pointer;22 }23 </style>24 </head>25 <body>26 <div></div>27 <a class="toTop">上</a>28 <script src="../../../../js/jquery.min.js"></script>29 <script>30 $(function(){31 $(document).mousemove(function(e){32 $(‘div‘).html(‘X:‘+e.pageX+‘ | Y:‘+e.pageY);33 });34 jQuery.fn.center = function(){35 $(this).css({36 ‘position‘:‘absolute‘,37 ‘top‘:($(window).height()-$(this).height())/2+$(window).scrollTop()+‘px‘,38 ‘left‘:($(window).width()-$(this).width())/2+$(window).scrollLeft()+‘px‘, 39 }) 40 };41 $(‘a‘).center();42 });43 </script>44 </body>45 </html>
擷取滑鼠位置和區塊在頁面始終置中
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
