ホームページ > 記事 > ウェブフロントエンド > セカンダリメニューproduction_html/css_WEB-ITnose
#tabMenu
{
width:150px;
}
#tabMenu a
{
width:150px;
表示:ブロック;
高さ:30ピクセル;
line-height:30px;
text-align:center;
背景色:#CCC;
色:黒;
テキスト装飾:なし;
border:solid 1px;
}
#tabMenu a:hover
{
color:#FFF;
背景色:赤;
}
#tabMenu div
{
position:absolute;
z-index:10;/*ハンドル後面の层隐藏了*/
display:none;
}
function showmenu(num)
{
document.getElementById("menu"+num).style.display ="ブロック";
}
function Hidemenu()
{
document.getElementById("menu"+num).style.display="none";
}
编程语言 | WEB开公開 | < a href="" onMouseOver="showmenu(3)" onMouseOut="hidemenu(3)">产品中心 |