首页  >  文章  >  web前端  >  用jquery来定位_jquery

用jquery来定位_jquery

WBOY
WBOY原创
2016-05-16 19:18:59962浏览

demo:http://www.healdream.com/upLoad/html/jquery/position/
down:http://www.51files.com/?Z25US63TM6OBHQJ2XM58

用法:
首先当然是将两个js包含进来了

复制代码 代码如下:

<script></script>

<script></script>

复制代码 代码如下:

 <script> <BR> $(function() {//这个是$(document).ready()的简写 <BR> $('#userAgent').html(navigator.userAgent);//.html(str)方法是将当前dom用str替代 <BR> //navigator.userAgent这句是用来得到客户端的浏览器类型的 <BR> $('a').click(function(event) {//对链接的点击事件定义函数 <BR> var href = this.href;//得到当前的链接字符串 <BR> var id = href.substr(href.indexOf('#'));//得到#后面的字符串 <BR> var options = {//定义各个参数,主要是待会move时用到 <BR> margin: parseInt( $('#margin').val() ),//.val()方法是得到当前对象的value值 <BR> border: parseInt( $('#border').val() ),//parseInt方法就是转换为int型,也就是整形 <BR> padding: parseInt( $('#padding').val() ), <BR> scroll: parseInt( $('#scroll').val() ) <BR> }; <BR> var offset = {}; <BR> //offset方法是在dimensions.js里定义的 <BR> $(id).offset(options, offset); <BR> $('#moveable').css(offset);//设置id为moveable的dom的css为offset <BR> return false; <BR> }); <BR> }); <BR> </script>

主要的代码就这些了,是不是很简单啊
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn