<!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>鼠標懸停顯示提示信息窗口</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">提示內容！提示內容！提示內容！</div>
<div>http://chabaoo.cn/</div>
</body>
</html>

希望本文所述對大家的jQuery程序設計有所幫助。

您可能感興趣的文章:

10個基于jQuery或JavaScript的WYSIWYG 編輯器整理
10驚人的自由豐富的文本編輯器，將提升您的網(wǎng)站的功能。我已經(jīng)收集了5 jQuery和5個非jQuery實時評價附帶簡單的功能，具有辦公一樣的功能。
2010-05-05
使用jquery給input和textarea設定ie中的focus
在瀏覽網(wǎng)站的過程中，我們經(jīng)?？梢钥匆姰斒髽它c擊后樣式改變的文本框和文本域,那么這種效果是如何實現(xiàn)的呢?
2008-05-05
為jquery的ajaxfileupload增加附加參數(shù)的方法
這篇文章主要介紹了為jquery的ajaxfileupload增加附加參數(shù)的方法,需要的朋友可以參考下
2014-03-03
jQuery層級選擇器_動力節(jié)點節(jié)點Java學院整理
這篇文章主要為大家詳細介紹了jQuery層級選擇器的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-07-07
jQuery實現(xiàn)手機自定義彈出輸入框
這篇文章主要介紹了jQuery實現(xiàn)手機自定義彈出輸入框的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-06-06
JQuery fileupload插件實現(xiàn)文件上傳功能
這篇文章主要介紹了JQuery fileupload插件實現(xiàn)文件上傳功能的相關資料,需要的朋友可以參考下
2016-03-03
文本框水印提示效果的簡單實現(xiàn)代碼
本篇文章主要是對文本框水印提示效果的簡單實現(xiàn)代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-02-02
jQuery EasyUI的TreeGrid查詢功能實現(xiàn)方法
這篇文章主要介紹了jQuery EasyUI的TreeGrid查詢功能實現(xiàn)方法,需要的朋友可以參考下
2017-08-08
jquery選擇器之層級過濾選擇器詳解
本篇文章主要是對jquery選擇器之層級過濾選擇器進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-01-01
基于JQuery實現(xiàn)的Select級聯(lián)
Select級聯(lián)，想必大并不陌生吧，本文為大家介紹下使用jquery是如何快速實現(xiàn)的，希望對大家有所幫助
2014-01-01