Heim > Web-Frontend > js-Tutorial > Hauptteil

用jquery来定位_jquery

WBOY
Freigeben: 2016-05-16 19:18:59
Original
961 Leute haben es durchsucht

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>

主要的代码就这些了,是不是很简单啊
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage