demo：http://www.healdream.com/upLoad/html/jquery/position/

down：http://www.51files.com/?Z25US63TM6OBHQJ2XM58

用法：

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

复制代码 代码如下:

<scripttype="text/javascript"src="../jquery.js"></script>

<>

<scripttype="text/javascript"src="dimensions.js"></script>

复制代码 代码如下:

<scripttype="text/javascript"charset="utf-8">

$(function(){//这个是$(document).ready()的简写

$('#userAgent').html(navigator.userAgent);//.html(str)方法是将当前dom用str替代

//navigator.userAgent这句是用来得到客户端的浏览器类型的

$('a').click(function(event){//对链接的点击事件定义函数

varhref=this.href;//得到当前的链接字符串

varid=href.substr(href.indexOf('#'));//得到#后面的字符串

varoptions={//定义各个参数，主要是待会move时用到

margin:parseInt($('#margin').val()),//.val()方法是得到当前对象的value值

border:parseInt($('#border').val()),//parseInt方法就是转换为int型，也就是整形

padding:parseInt($('#padding').val()),

scroll:parseInt($('#scroll').val())

};

varoffset={};

//offset方法是在dimensions.js里定义的

$(id).offset(options,offset);

$('#moveable').css(offset);//设置id为moveable的dom的css为offset

returnfalse;

});

});

</script>

主要的代码就这些了，是不是很简单啊