用jquery來定位
更新時間:2007年02月20日 00:00:00 投稿:mdxy-dxy
這篇文章主要介紹了用jquery來定位
demo:http://www.healdream.com/upLoad/html/jquery/position/
用法:
首先當(dāng)然是將兩個js包含進來了
復(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() {//這個是$(document).ready()的簡寫
$(’#userAgent’).html(navigator.userAgent);//.html(str)方法是將當(dāng)前dom用str替代
//navigator.userAgent這句是用來得到客戶端的瀏覽器類型的
$(’a’).click(function(event) {//對鏈接的點擊事件定義函數(shù)
var href = this.href;//得到當(dāng)前的鏈接字符串
var id = href.substr(href.indexOf(’#’));//得到#后面的字符串
var options = {//定義各個參數(shù),主要是待會move時用到
margin: parseInt( $(’#margin’).val() ),//.val()方法是得到當(dāng)前對象的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>
主要的代碼就這些了,是不是很簡單啊
相關(guān)文章
jQuery獲取父元素節(jié)點、子元素節(jié)點及兄弟元素節(jié)點的方法
這篇文章主要介紹了jQuery獲取父元素節(jié)點、子元素節(jié)點及兄弟元素節(jié)點的方法,結(jié)合實例形式總結(jié)分析了jQuery節(jié)點操作的相關(guān)技巧,需要的朋友可以參考下2016-04-04