Jquery css event programming location operations, jquerycss
<! 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> <title> jquery css event programming location operation </title> <meta http-equiv =" Content-Type "content =" text/html; charset = UTF-8 "/> <style type =" text/css "> div {position: absolute; width: 100px; height: 100px; left: 100px; top: 100px; border: 1px solid red ;} </style> <script type = "text/javascript" src = "jquery-1.7.1.min.js"> </script> <script type = "text/javascript">/* position offset () // obtain the position of the element and return a json object, which contains the top and left attributes offset (coordinates). // set the location requirement parameter to be a json object, must contain the top and left attributes */window. onload = function () {$ ('# btnOk '). click (function () {/* // obtain the position of the element var json =$ ('# div1 '). offset (); alert (json. top + ':' + json. left); * // set the element position. The parameter must be a json object and must contain the top and left attributes $ ('# div1 '). offset ({left: '000000', top: '000000 ;'});});}; </script>
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
