コード: Div+CSS+Js导航 <br> #info<br> {<br> float:left;<br> width:100%;<br> font-size: 93%;<br> line-height:16px;<br> <br> }<br> #info1,#info2,#info3{ border:1px Solid #ccc;padding:10px;background:#fff;クリア:両方;幅:500ピクセル;高さ:300ピクセル;マージン左:10px; }<br> .hd {display:none;}<br> .sw {display:block;}<br> #info li {float:left;}<br> #info li a:hover spa<br> {<br> {<br> float:left;<br> display:block;<br>背景:url("images/tabright2_02.gif") 繰り返しなし右上;<br> パディング:5px 15px 4px 6px;<br> color:#84776B;<br> }<br> #info li a:hover<br> {<br> {<br> float:left;<br> 背景:url("images/tableft2_02.gif") 繰り返しなし左上;<br> margin:0;<br> padding:0 0 4px;</p> text-decoration:none;<p> }<br> <br> .aa {<br> float:left;<br>背景:url("images/tableft2_01.gif") 繰り返しなし左上;<br> マージン:0;<br> パディング:0 0 0 4px;<br> text-decoration:none;<br> <br> <br> .bb {<br> float:left; <br> 表示:ブロック;<br> 背景:url("images/tabright2_01.gif") 繰り返しなし右上;<br> パディング:5px 15px 4px 6px;</p> color:#84776B;<p> } <br> <br> .cc {<br> float:left; <br> 背景:url("images/tableft2_02.gif") 繰り返しなし左上;<br> margin:0;<br> パディング:0 0 0 4px;<br> text-decoration:none;<br> }<br> .dd {<br> float:left; <br> 表示:ブロック;<br> 背景:url("images/tabright2_02.gif") 繰り返しなし右上;<br> パディング:5px 15px 4px 6px;</p> color:#84776B;🎜 } 🎜 <p> 最新产品 最新功能 最新下载 网店管家--你身边的电子商务专家1 网店管家--你身边的电子商务专家2 网店管家--你身边的电子商务专家3 <br> var k = 1;<br> for(i=1; i {<br> if( i==k)<br> {<br> document.getElementById("info"+i).className="sw";<br> document.getElementById("tag"+i).getElementsByTagName ("a")[0].className="cc";<br> document.getElementById("tag"+i).getElementsByTagName("span")[0].className="dd";<br> }<br> else<br> {<br> document.getElementById("tag"+i).getElementsByTagName("a")[0].className="aa";<br> document.getElementById("tag"+i).getElementsByTagName("span")[0].className ="bb";<br> document.getElementById("info"+i).className="hd";<br> }<br> }<br> function ChkTag(tag){ <br> for(i=1; i { <br> if (i==tag)<br> { <br> document.getElementById("info"+i).className="sw";<br> document.getElementById("tag"+i).getElementsByTagName("a")[0]。 className="cc";<br> document.getElementById("tag"+i).getElementsByTagName("span")[0].className="dd";<br> }<br> else<br> {<br> document.getElementById("tag"+i ).getElementsByTagName("a")[0].className="aa";<br> document.getElementById("tag"+i).getElementsByTagName("span")[0].className="bb";<br> document.getElementById ("info"+i).className="hd";<br> }<br> }<br> }<br> 用対象图片: