<! 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 = "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"> contact Us </div> <Div class = "us"> prompt content! Prompt content! Prompt content! </Div> <Div> http://www.jb51.net/</div> </Body> </Html> |