js獲取鼠標位置,jq獲取當前標籤位置

直接上jquery :

$(function(){
    $("a[name = 'approvalDetails']").mouseover(function(event){
			//jq獲取當前焦點位置(就是當前屏幕)
            var yy = $(this).offset().top;
			var xx = $(this).offset().left;
            
            //在當前焦點顯示我的div
			$('#approvalDiv').css({top: yy, left: xx}).show();
		});
)};

一個div,將 其顯示在當前焦點

<!--position: absolute必須要有-->
<div id="approvalDiv" style="position: absolute;" hidden="">
		<table id="approvalTable" style="background-color: white; -webkit-box-shadow:2px 2px 5px #999999;" >
			<tbody>
				<tr>
					<th></th>
					<th><nobr>審批人</nobr></th>
					<th><nobr>審批意見</nobr></th>
				</tr>
			</tbody>
			
		</table>
	</div>

觸發事件標籤

<a name="approvalDetails">詳情</a>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章