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)文章
這篇文章主要介紹了一看就懂：jsonp詳解,本文用淺顯易懂的語(yǔ)言組織講解了什么是jsonp、jsonp怎么用、jsonp使用實(shí)例等內(nèi)容,需要的朋友可以參考下2015-06-06
基于jQuery的ajax功能實(shí)現(xiàn)web service的json轉(zhuǎn)化
前面文章說(shuō)過(guò)下次會(huì)給大家介紹詳細(xì)的基于web Services的JqueryAjax調(diào)用如何把一個(gè)datatable得數(shù)據(jù)轉(zhuǎn)化成JSON數(shù)據(jù),然后在客戶端再通過(guò)json2.js轉(zhuǎn)化成javascript對(duì)象。2009-08-08
利用JQuery操作iframe父頁(yè)面、子頁(yè)面的元素和方法匯總
這篇文章主要給大家介紹了關(guān)于利用JQuery操作iframe父頁(yè)面、子頁(yè)面的元素和方法的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2017-09-09
在本篇文章里小編給大家整理了關(guān)于jquery如何將信息遍歷到界面上的實(shí)例代碼內(nèi)容，需要的朋友們可以參考下。2020-01-01
老生常談jquery id選擇器和class選擇器的區(qū)別
下面小編就為大家?guī)?lái)一篇老生常談jquery id選擇器和class選擇器的區(qū)別。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-02-02
jquery上傳插件fineuploader上傳文件使用方法(jquery圖片上傳插件)
這篇文章主要介紹了jquery插件fineuploader上傳文件很用方法2013-12-12
easyui combotree加載靜態(tài)數(shù)據(jù)問(wèn)題（選不上）解決方法
這篇文章主要介紹了easyui combotree加載靜態(tài)數(shù)據(jù)問(wèn)題,選不上）2016-12-12
jQuery 1.5最新版本的改進(jìn)細(xì)節(jié)分析
jQuery 1.5 beta1出來(lái)了，從學(xué)習(xí)跟進(jìn)上來(lái)說(shuō)，這一次已經(jīng)比較晚了（我竟然不知道1.5什么時(shí)候出的alpha，就這么beta了）。2011-01-01
仿當(dāng)當(dāng)網(wǎng)淘寶網(wǎng)等主流電子商務(wù)網(wǎng)站商品分類(lèi)導(dǎo)航菜單
本文實(shí)現(xiàn)了一個(gè)分類(lèi)導(dǎo)航的菜單,和大多數(shù)流行的電子商務(wù)網(wǎng)站類(lèi)似，詳細(xì)的實(shí)現(xiàn)可以直接查看源代碼.所有的代碼都在一個(gè)sidebar.html文件中2013-09-09
cnblogs TagCloud基于jquery的實(shí)現(xiàn)代碼
自創(chuàng)"山寨版"的"博客園"TagCloud!...2010-06-06