Maison > interface Web > js tutoriel > 用jquery来定位_jquery

用jquery来定位_jquery

WBOY
Libérer: 2016-05-16 19:18:59
original
974 Les gens l'ont consulté

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>

主要的代码就这些了,是不是很简单啊
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal