<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<title> mouse hover Display prompt Information window </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= "/ajaxjs/jquery-1.4.2.min.js" ></script>
<script type= "Text/javascript" >
$ (document). Ready (function () {
$ (". Contact"). MouseOver (function () {
$ (". us"). Show ("slow");
$ (". Contact"). Mouseout (function () {
$ (". us"). Hide ("slow");
});
});
})
</script>
<body>
<div class= "Contacts" > Contact Us </div>
<div class= "Us" > Prompt content! Prompt content! Prompt content! </div>
<div><a href= "http://www.999jiujiu.com/" >http://www.999jiujiu.com/</A></div>
</body>
jquery mouse hover display prompt Information window