|
down:http://www.51files.com/?Z25US63TM6OBHQJ2XM58
用法:
首先當(dāng)然是將兩個(gè)js包含進(jìn)來(lái)了
復(fù)制代碼 代碼如下:
<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>
復(fù)制代碼 代碼如下:
<script type="text/Javascript" charset="utf-8">
$(function() {//這個(gè)是$(document).ready()的簡(jiǎn)寫(xiě)
$('#userAgent').html(navigator.userAgent);//.html(str)方法是將當(dāng)前dom用str替代
//navigator.userAgent這句是用來(lái)得到客戶(hù)端的瀏覽器類(lèi)型的
$('a').click(function(event) {//對(duì)鏈接的點(diǎn)擊事件定義函數(shù)
var href = this.href;//得到當(dāng)前的鏈接字符串
var id = href.substr(href.indexOf('#'));//得到#后面的字符串
var options = {//定義各個(gè)參數(shù),主要是待會(huì)move時(shí)用到
margin: parseInt( $('#margin').val() ),//.val()方法是得到當(dāng)前對(duì)象的value值
border: parseInt( $('#border').val() ),//parseInt方法就是轉(zhuǎn)換為int型,也就是整形
padding: parseInt( $('#padding').val() ),
scroll: parseInt( $('#scroll').val() )
};
var offset = {};
//offset方法是在dimensions.js里定義的
$(id).offset(options, offset);
$('#moveable').css(offset);//設(shè)置id為moveable的dom的css為offset
return false;
});
});
</script>
主要的代碼就這些了,是不是很簡(jiǎn)單啊
JavaScript技術(shù):用jquery來(lái)定位,轉(zhuǎn)載需保留來(lái)源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。