ホームページ >ウェブフロントエンド >htmlチュートリアル >connection_html/css_WEB-ITnose をクリックした後にスタイルを維持するようにフレームセットを設定する方法を教えてください。

connection_html/css_WEB-ITnose をクリックした後にスタイルを維持するようにフレームセットを設定する方法を教えてください。

WBOY
WBOYオリジナル
2016-06-24 12:14:321201ブラウズ

如题,框架分左右,左边菜单点击后的连接颜色,如:红色,直到点击其他菜单连接才恢复原来的颜色,如:黑色


回复讨论(解决方案)

要写js 动态改变class 然后再给class写样式~

CSS:
.MM {
width: 182px;
margin: 0px;
padding: 0px;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
clip: rect(0px,0px,0px,0px);
}
.MM a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 26px;
color: #333333;
background-image: url(images/menu_bg1.gif);
background-repeat: no-repeat;
height: 26px;
width: 182px;
display: block;
text-align: center;
margin: 0px;
padding: 0px;
overflow: hidden;
text-decoration: none;
}
.MM a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 26px;
color: #333333;
background-image: url(images/menu_bg1.gif);
background-repeat: no-repeat;
display: block;
text-align: center;
margin: 0px;
padding: 0px;
height: 26px;
width: 182px;
text-decoration: none;
}

.MM a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 26px;
font-weight: bold;
color: #006600;
background-image: url(images/menu_bg2.gif);
background-repeat: no-repeat;
text-align: center;
display: block;
margin: 0px;
padding: 0px;
height: 26px;
width: 182px;
text-decoration: none;
}

.MM a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 26px;
color: #333333;
background-image: url(images/menu_bg2.gif);
background-repeat: no-repeat;
height: 26px;
width: 182px;
display: block;
text-align: center;
margin: 0px;
padding: 0px;
overflow: hidden;
text-decoration: none;
}

页面:
  


      


その方法はありますか?

ページ

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事:初心者が「個人のウェブサイトをセットアップする方法」の一般的な手順についてアドバイスを求めています。ありがとうございます。 。 。 。 _html/css_WEB-ITnose次の記事:初心者が「個人のウェブサイトをセットアップする方法」の一般的な手順についてアドバイスを求めています。ありがとうございます。 。 。 。 _html/css_WEB-ITnose

関連記事

続きを見る