|
|
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技術：用jquery來定位，轉載需保留來源！
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。
