jquery鼠標(biāo)放上去顯示懸浮層即彈出定位的div層
更新時(shí)間:2014年04月25日 15:39:56 作者:
這篇文章主要介紹了使用jquery實(shí)現(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>
您可能感興趣的文章:
- jQuery實(shí)現(xiàn)鼠標(biāo)拖拽登錄框移動(dòng)效果
- jQuery實(shí)現(xiàn)百度登錄框的動(dòng)態(tài)切換效果
- JQuery Mobile 彈出式登錄框的實(shí)現(xiàn)方法
- jquery中dom操作和事件的實(shí)例學(xué)習(xí) 仿yahoo郵箱登錄框的提示效果
- jquery實(shí)現(xiàn)鼠標(biāo)懸浮停止輪播特效
- jquery懸浮提示框完整實(shí)例
- jquery-tips懸浮提示插件分享
- js點(diǎn)擊出現(xiàn)懸浮窗效果不使用JQuery插件
- 使用jQuery UI的tooltip函數(shù)修飾title屬性的氣泡懸浮框
- jquery+CSS實(shí)現(xiàn)懸浮登錄框遮罩
相關(guān)文章
jQuery hover 延時(shí)器實(shí)現(xiàn)代碼
在上一篇文章 《鼠標(biāo)事件延時(shí)切換插件》 中,我已經(jīng)寫了幾個(gè)簡(jiǎn)單的延時(shí)器的例子,今天突然想到j(luò)Query的自定義動(dòng)畫的animate方法可以使用delay2011-03-03JQuery防止退格鍵網(wǎng)頁后退的實(shí)現(xiàn)代碼
有時(shí)我們需要防止退格鍵的網(wǎng)頁后退,一般情況下最好不要這么用,因?yàn)閷?duì)UX體驗(yàn)不好2012-03-03jquery實(shí)現(xiàn)簡(jiǎn)單易懂的圖片展示小例子
圖片展示想必大家都見到過吧,下面有個(gè)不錯(cuò)的例子,通俗易懂,使用jquery實(shí)現(xiàn)的,感興趣的朋友不要錯(cuò)過2013-11-11JQuery中DOM實(shí)現(xiàn)事件移除的方法
這篇文章主要介紹了JQuery中DOM實(shí)現(xiàn)事件移除的方法,涉及jQuery中unbind方法移除事件綁定的相關(guān)技巧,需要的朋友可以參考下2015-06-06jQuery選擇器簡(jiǎn)明總結(jié)(含用法實(shí)例,一目了然)
jQuery 選擇器一直是 jquery 最神秘,最強(qiáng)大的一部分,當(dāng)然也是整個(gè) jquery 里面非?;A(chǔ)的2014-04-04jQuery設(shè)置單選按鈕radio選中/不可用的實(shí)例代碼
這篇文章主要介紹了jQuery設(shè)置單選按鈕radio選中/不可用的實(shí)例代碼的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06