JQuery hover over the display Prompt window, jquery hover over
<! 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> hover the mouse over the display Prompt 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>
</Head>
<Body>
<Div class = "contact"> contact Us </div>
<Div class = "us"> prompt content! Prompt content! Prompt content! </Div>
<Div> http://www.999jiujiu.com/</div>
</Body>
</Html>