用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 相关文章推荐
javascript下数值型比较难点说明
Jun 07 Javascript
写js时遇到的一些小问题
Dec 06 Javascript
ExtJS[Desktop]实现图标换行示例代码
Nov 17 Javascript
node.js中的fs.unlink方法使用说明
Dec 15 Javascript
Jquery中的$.each获取各种返回类型数据的使用方法
May 03 Javascript
VueJs与ReactJS和AngularJS的异同点
Dec 12 Javascript
微信小程序实战之上拉(分页加载)效果(2)
Apr 17 Javascript
基于JavaScript实现数码时钟效果
Mar 30 Javascript
实现jquery放大镜的两种方法
Feb 22 jQuery
JS检索下拉列表框中被选项目的索引号(selectedIndex)
Dec 17 Javascript
extjs图表绘制之条形图实现方法分析
Mar 06 Javascript
JS常用跨域方法实现原理解析
Dec 09 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 at(@)符号的用法简介
2009/07/11 PHP
php比较多维数组中值的大小排序实现代码
2012/09/08 PHP
PHP-redis中文文档介绍
2013/02/07 PHP
PHP数组操作简单案例分析
2016/10/15 PHP
Jquery获取复选框被选中值的简单方法
2013/07/04 Javascript
javascript操作excel生成报表全攻略
2014/05/04 Javascript
JavaScript中的fontsize()方法使用详解
2015/06/08 Javascript
JS实现超精简的链接列表在固定区域内滚动效果代码
2015/11/04 Javascript
JS函数定义方式的区别介绍
2016/03/22 Javascript
JS结合bootstrap实现基本的增删改查功能
2016/07/22 Javascript
javascript中的深复制详解及实例分析
2016/12/29 Javascript
JavaScript实现图片瀑布流和底部刷新
2017/01/02 Javascript
深入理解Vue 单向数据流的原理
2017/11/09 Javascript
vue axios基于常见业务场景的二次封装的实现
2018/09/21 Javascript
浅谈VUE防抖与节流的最佳解决方案(函数式组件)
2019/05/22 Javascript
react native 仿微信聊天室实例代码
2019/09/17 Javascript
JQuery通过键盘控制键盘按下与松开触发事件
2020/08/07 jQuery
[55:11]完美世界DOTA2联赛PWL S2 SZ vs LBZS 第一场 11.26
2020/11/30 DOTA
Python tkinter模块弹出窗口及传值回到主窗口操作详解
2017/07/28 Python
python3调用百度翻译API实现实时翻译
2018/08/16 Python
Python自定义一个类实现字典dict功能的方法
2019/01/19 Python
pytorch:实现简单的GAN示例(MNIST数据集)
2020/01/10 Python
Tensorflow进行多维矩阵的拆分与拼接实例
2020/02/07 Python
解决json中ensure_ascii=False的问题
2020/04/03 Python
质量工程师岗位职责
2013/11/16 职场文书
信息技术专业个人自我评价
2013/12/11 职场文书
怎么写自荐书范文
2014/02/12 职场文书
关于诚信的活动方案
2014/08/18 职场文书
大学生交通专业求职信
2014/09/01 职场文书
2014乡镇领导班子四风对照检查材料思想汇报
2014/10/05 职场文书
2014年移动公司工作总结
2014/12/08 职场文书
理解深度学习之深度学习简介
2021/04/14 Python
position:sticky 粘性定位的几种巧妙应用详解
2021/04/24 HTML / CSS
使用goaccess分析nginx日志的详细方法
2021/07/09 Servers
Elasticsearch 批量操作
2022/04/19 Python
详解MySQL的内连接和外连接
2023/05/08 MySQL