用jquery来定位


Posted in Javascript onFebruary 20, 2007

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

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

<script type="text/javascript" src="../jquery.js"></script> 
<!-- load dimensions.js (this is what we're testing! --> 
<script type="text/javascript" src="dimensions.js"></script>

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

主要的代码就这些了,是不是很简单啊
Javascript 相关文章推荐
Mootools 1.2教程 正则表达式
Sep 15 Javascript
浅谈checkbox的一些操作(实战经验)
Nov 20 Javascript
自己使用js/jquery写的一个定制对话框控件
May 02 Javascript
iframe里面的元素触发父窗口元素事件的jquery代码
Oct 19 Javascript
Node.js的包详细介绍
Jan 14 Javascript
javascript中this指向详解
Apr 23 Javascript
JavaScript作用域示例详解
Jul 07 Javascript
微信小程序 条件渲染详解
Oct 09 Javascript
vue双向绑定的简单实现
Dec 22 Javascript
jQuery validate 验证radio实例
Mar 01 Javascript
vue实现全选和反选功能
Aug 31 Javascript
使用vue2.6实现抖音【时间轮盘】屏保效果附源码
Apr 24 Javascript
NiftyCube——轻松实现圆角边框
Feb 20 #Javascript
nicejforms——美化表单不用愁
Feb 20 #Javascript
greybox——不开新窗口看新的网页
Feb 20 #Javascript
datePicker——日期选择控件(with jquery)
Feb 20 #Javascript
一直复略了的一个问题,关于表单重复提交
Feb 15 #Javascript
永不消失的title提示代码
Feb 15 #Javascript
Javascript操纵Cookie实现购物车程序
Feb 15 #Javascript
You might like
PHP生成静态页面详解
2006/12/05 PHP
PHP使用PDO操作数据库的乱码问题解决方法
2016/04/08 PHP
Yii多表联合查询操作详解
2016/06/02 PHP
php版微信开发之接收消息,自动判断及回复相应消息的方法
2016/09/23 PHP
JS解密入门 最终变量劫持
2008/06/25 Javascript
offsetParent 算法分析
2010/04/05 Javascript
jQuery+CSS 半开折叠效果原理及代码(自写)
2013/03/04 Javascript
js单向链表的具体实现实例
2013/06/21 Javascript
Flash图片上传组件 swfupload使用指南
2015/03/14 Javascript
通过设置CSS中的position属性来固定层的位置
2015/12/14 Javascript
node.js实现爬虫教程
2020/08/25 Javascript
Javascript动画效果(4)
2016/10/11 Javascript
JavaScript使用Ajax上传文件的示例代码
2017/08/10 Javascript
如何在JS文件中获取Vue组件
2020/09/16 Javascript
如何在vue 中引入使用jquery
2020/11/10 jQuery
[01:04:39]OG vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
结合Python的SimpleHTTPServer源码来解析socket通信
2016/06/27 Python
Python提取网页中超链接的方法
2016/09/18 Python
详解pandas安装若干异常及解决方案总结
2019/01/10 Python
python list转置和前后反转的例子
2019/08/26 Python
Python描述符descriptor使用原理解析
2020/03/21 Python
Python如何实现的二分查找算法
2020/05/27 Python
pandas处理csv文件的方法步骤
2020/10/16 Python
Python+unittest+DDT实现数据驱动测试
2020/11/30 Python
pytorch 计算Parameter和FLOP的操作
2021/03/04 Python
css3 border-image使用说明
2010/06/23 HTML / CSS
html5绘制时钟动画
2014/12/15 HTML / CSS
萨克斯第五大道精品百货店: Saks Fifth Avenue
2017/04/28 全球购物
bonprix荷兰网上商店:便宜的服装、鞋子和家居用品
2020/07/04 全球购物
新学期校长寄语
2014/01/18 职场文书
仓库管理制度
2014/01/21 职场文书
迟到检讨书500字
2014/02/05 职场文书
中学生检讨书1000字
2014/10/28 职场文书
幼儿园小班工作总结2015
2015/04/25 职场文书
MySQL的全局锁和表级锁的具体使用
2021/08/23 MySQL
如何在Python中妥善使用进度条详解
2022/04/05 Python