jQuery實現(xiàn)鼠標(biāo)懸停顯示提示信息窗口的方法
更新時間：2015年04月30日 09:39:29 作者：休閑生活文化
這篇文章主要介紹了jQuery實現(xiàn)鼠標(biāo)懸停顯示提示信息窗口的方法,涉及jQuery操作鼠標(biāo)事件及show、hide等方法的使用技巧,需要的朋友可以參考下
本文實例講述了jQuery實現(xiàn)鼠標(biāo)懸停顯示提示信息窗口的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>鼠標(biāo)懸停顯示提示信息窗口</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<style type="text/css">
.contact{width:100px;height:15px;
margin:20px 0 0 50px;background-color:#CCCCCC;
text-align:center;
}
.us{display:none;width:300px;height:40px;
padding:10px;position:relative;top:0px;left:50px;
background-color:#0099FF;
}
</style>
<script src="jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".contact").mouseover(function(){
$(".us").show("slow");
$(".contact").mouseout(function(){
$(".us").hide("slow");
});
});
})
</script>
</head>
<body>
<div class="contact">聯(lián)系我們</div>
<div class="us">提示內(nèi)容！提示內(nèi)容！提示內(nèi)容！</div>
<div>http://chabaoo.cn/</div>
</body>
</html>
希望本文所述對大家的jQuery程序設(shè)計有所幫助。
您可能感興趣的文章:
- jQuery鼠標(biāo)懸停內(nèi)容動畫切換效果
- jQuery實現(xiàn)鼠標(biāo)懸停3d菜單展開動畫效果
- 基于jquery實現(xiàn)的鼠標(biāo)懸停提示案例
- jQuery實現(xiàn)鼠標(biāo)懸停背景翻轉(zhuǎn)的黑色導(dǎo)航菜單代碼
- 基于jQuery創(chuàng)建鼠標(biāo)懸停效果的方法
- jQuery實現(xiàn)的感應(yīng)鼠標(biāo)懸停圖片色彩漸顯效果
- 分享33個jQuery與CSS3實現(xiàn)的絢麗鼠標(biāo)懸停效果
- jQuery實現(xiàn)列表自動循環(huán)滾動鼠標(biāo)懸停時停止?jié)L動
- jQuery當(dāng)鼠標(biāo)懸停時放大圖片的效果實例
- jquery鼠標(biāo)懸停導(dǎo)航下劃線滑出效果
相關(guān)文章
10個基于jQuery或JavaScript的WYSIWYG 編輯器整理
10驚人的自由豐富的文本編輯器，將提升您的網(wǎng)站的功能。我已經(jīng)收集了5 jQuery和5個非jQuery實時評價附帶簡單的功能，具有辦公一樣的功能。2010-05-05
使用jquery給input和textarea設(shè)定ie中的focus
在瀏覽網(wǎng)站的過程中，我們經(jīng)?？梢钥匆姰?dāng)鼠標(biāo)點擊后樣式改變的文本框和文本域,那么這種效果是如何實現(xiàn)的呢?2008-05-05
為jquery的ajaxfileupload增加附加參數(shù)的方法
這篇文章主要介紹了為jquery的ajaxfileupload增加附加參數(shù)的方法,需要的朋友可以參考下2014-03-03
jQuery層級選擇器_動力節(jié)點節(jié)點Java學(xué)院整理
這篇文章主要為大家詳細(xì)介紹了jQuery層級選擇器的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了jQuery實現(xiàn)手機自定義彈出輸入框 的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
JQuery fileupload插件實現(xiàn)文件上傳功能
這篇文章主要介紹了JQuery fileupload插件實現(xiàn)文件上傳功能的相關(guān)資料,需要的朋友可以參考下2016-03-03
本篇文章主要是對文本框水印提示效果的簡單實現(xiàn)代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
jQuery EasyUI的TreeGrid查詢功能實現(xiàn)方法
這篇文章主要介紹了jQuery EasyUI的TreeGrid查詢功能實現(xiàn)方法,需要的朋友可以參考下2017-08-08
本篇文章主要是對jquery選擇器之層級過濾選擇器進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
基于JQuery實現(xiàn)的Select級聯(lián)
Select級聯(lián)，想必大并不陌生吧，本文為大家介紹下使用jquery是如何快速實現(xiàn)的，希望對大家有所幫助2014-01-01