jquery鼠標(biāo)放上去顯示懸浮層即彈出定位的div層
更新時間：2014年04月25日 15:39:56 作者：
這篇文章主要介紹了使用jquery實現(xiàn)的鼠標(biāo)放上去顯示懸浮層即彈出定位的div層,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<script language="javascript" src="jquery-1.4.2.min.js"></script>
<script>
function show(obj,id) {
var objDiv = $("#"+id+"");
$(objDiv).css("display","block");
$(objDiv).css("left", event.clientX);
$(objDiv).css("top", event.clientY + 10);
}
function hide(obj,id) {
var objDiv = $("#"+id+"");
$(objDiv).css("display", "none");
}
</script>
<!--http://www.ablanxue.com/prone_3421_1.html-->
<div id="mydiv1" style="position:absolute;display:none;border:1px solid silver;background:silver;">
提示1效果
</div>
<div id="mydiv2" style="position:absolute;display:none;border:1px solid silver;background:silver;">
提示2效果
</div>
<a id="t1" onMouseOver="javascript:show(this,'mydiv1');" onMouseOut="hide(this,'mydiv1')">鼠標(biāo)放上去1</a>
<br><br><br><br><br>
<a id="t2" onMouseOver="javascript:show(this,'mydiv2');" onMouseOut="hide(this,'mydiv2')">鼠標(biāo)放上去2</a>
您可能感興趣的文章:
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了jquery ui sortable拖拽后保存位置的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
這篇文章主要介紹了jquery獲取tr并更改tr內(nèi)容示例代碼,需要的朋友可以參考下2014-02-02
在上一篇文章 《鼠標(biāo)事件延時切換插件》 中，我已經(jīng)寫了幾個簡單的延時器的例子，今天突然想到j(luò)Query的自定義動畫的animate方法可以使用delay2011-03-03
JQuery防止退格鍵網(wǎng)頁后退的實現(xiàn)代碼
有時我們需要防止退格鍵的網(wǎng)頁后退，一般情況下最好不要這么用，因為對UX體驗不好2012-03-03
國外著名博客WDL發(fā)布了2011年度最佳 jQuery 插件。jQuery 自2006年發(fā)布以來，經(jīng)過五年的迅速發(fā)展，目前已是最流行和使用最廣泛的 JavaScript 框架2012-03-03
圖片展示想必大家都見到過吧，下面有個不錯的例子，通俗易懂，使用jquery實現(xiàn)的，感興趣的朋友不要錯過2013-11-11
這個代碼，針對學(xué)習(xí)jquery插件制作的朋友可以參考下。效果并不是主要的。2010-05-05
這篇文章主要介紹了JQuery中DOM實現(xiàn)事件移除的方法,涉及jQuery中unbind方法移除事件綁定的相關(guān)技巧,需要的朋友可以參考下2015-06-06
jQuery選擇器簡明總結(jié)（含用法實例,一目了然）
jQuery 選擇器一直是 jquery 最神秘，最強(qiáng)大的一部分，當(dāng)然也是整個 jquery 里面非?；A(chǔ)的2014-04-04
jQuery設(shè)置單選按鈕radio選中/不可用的實例代碼
這篇文章主要介紹了jQuery設(shè)置單選按鈕radio選中/不可用的實例代碼的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06