1 <!DOCTYPE HTML Public "-//W3C//DTD XHTML 1.0 transitional//en" "http://www.w3.org/TR/xhtml1/DTD/ Xhtml1-transitional.dtd ">2 <HTMLxmlns= "http://www.w3.org/1999/xhtml">3 <Head>4 <styletype= "Text/css">5 *6 {7 margin:0px;8 padding:0px;9 }Ten #a One { A Height:40px; - width:120px; - Background-color:#0F0; the Top:80px; - Left:200px; - position:Absolute; - Overflow:Hidden; + text-align:Center; - Line-height:40px; + } A #b at { - Height:90px; - width:120px; - Left:0px; - Top:40px; - Background-color:#F00; in position:Absolute; - } to Table + { - Height:120px; the width:120px; * Border:0px; $ text-align:Center;Panax Notoginseng vertical-align:Middle; - } the </style> + A the </Head> + <Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8" /> - <title>Hide Navigation Exercises</title> $ </Head> $ - <Body> - <DivID= "a"onmouseover= "Over ()"onmouseout= "Out ()">News Update the <DivID= "B"> - <Tablecellpadding= "0"cellspacing= "0">Wuyi <TR><TDbgcolor= "#00FF00">Scene</TD></TR> the <TR><TDbgcolor= "#FF0000">Activities</TD></TR> - <TR><TDbgcolor= "#0000FF">Zatan</TD></TR> Wu </Table> - <Script> About functionOver () $ { - varAA=document.getElementById (a); - A.setattribute ("style","Overflow:visible;background-color: #3FC"); - } A functionout () + { the varBB=document.getElementById (a); - A.setattribute ("style","Overflow:hidden;background-color: #339"); $ } the </Script> the the </Div></Div> the </Body> - </HTML>
HTML Practice _ Hide Navigation