[jQuery]CSS--Positioning(位置)
語法：
- Offset() : 取得物件與網頁內容的相對位置
- Offset.top：上
- Offset.left：左
範例：
<HEAD>
<script type="Text/JavaScript" src="js/jQuery.js"></script>
<script type="Text/JavaScript">
$(document).ready(function(){
$('p').click(function(){
var myOffset=$(this).offset();
$('#txtTop').val(myOffset.top);
$('#txtLeft').val(myOffset.left);
$('#div1').html($(this).html());
});
})
</script>
<style>
.d1{
background-color:yellow;
color:blue;
font-size:18px;
}
</style>
</HEAD>
<BODY>
<FORM action="" method=POST id=form1 name=form1>
<div id="div1"></div>
top:<input type="text" id="txtTop" name="txtTop" value=""><br>
left:<input type="text" id="txtLeft" name="txtLeft" value="">
<p>我是第1個p</p>
<hr />
<p>我是第2個p</p>
<hr />
<p>我是第3個p</p>
<hr />
<p>我是第4個p</p>
<hr />
</FORM>
</BODY>
</HTML>
以下是簽名：
- 歡迎轉貼本站的文章，不過請在貼文主旨上加上【轉貼】，並在文章中附上本篇的超連結與站名【topcat姍舞之間的極度凝聚】，感恩大家的配合。
- 小喵大部分的文章會以小喵熟悉的語言VB.NET撰寫，如果您需要C#的Code，也許您可以試著用線上的工具進行轉換，這裡提供幾個參考
| Microsoft MVP Visual Studio and Development Technologies (2005~2019/6) | topcat Blog:http://www.dotblogs.com.tw/topcat |