Rumah > hujung hadapan web > tutorial js > 用jquery来定位_jquery

用jquery来定位_jquery

WBOY
Lepaskan: 2016-05-16 19:18:59
asal
979 orang telah melayarinya

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>

主要的代码就这些了,是不是很简单啊
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan