A simple common topic switches to js. I still don't know how to upload files. It's a bit depressing.
Direct paste code .html
<Script type = "text/javascript">
Function mouse (obj)
{
Var plist = obj. parentNode. getElementsByTagName ("");
For (I = 0; I <plist. length; I ++)
{
If (obj = plist [I])
{
Plist [I]. className = "hover_1 ";
}
Else
{
Plist [I]. className = "hover_3 ";
}
}
}
</Script>
</Head>
<Body>
<Div class = "main">
<A href = "#" class = "hover_1" onmouseover = "mouse (this)" id = "click_1"> personal folder </a>
<A href = "#" class = "hover_3" onmouseover = "mouse (this)" id = "click_2"> folder management </a>
<A href = "#" class = "hover_3" onmouseover = "mouse (this)" id = "click_3"> folder management </a>
<A href = "#" class = "hover_3" onmouseover = "mouse (this)" id = "click_4"> folder management </a>
<A href = "#" class = "hover_3" onmouseover = "mouse (this)" id = "click_5"> folder management </a>
<A href = "#" class = "hover_3" onmouseover = "mouse (this)" id = "click_5"> folder management </a>
<A href = "#" class = "hover_3" onmouseover = "mouse (this)" id = "click_5"> folder management </a>
<A href = "#" class = "hover_3" onmouseover = "mouse (this)" id = "click_5"> folder management </a>
</Div>
. Css style
A {text-decoration: none}
A: hover {text-decoration: none ;}
. Main {width: 1000px; height: 25px; margin: 10px auto 0; border-bottom: 6px solid #52acd1 ;}
. Blue {width: pixel PX; height: 25px; float: left ;}
A. hover_1 {width: pixel PX; height: 25px; float: left; background: url(title_hover.png) no-repeat; z-index: 100; position: relative; text-align: left; padding: 5px 0 0 8px; color: # fff; font-size: 13px; font-weight: bold ;}
A. hover_2 {width: pixel PX; height: 25px; float: left; background: url(title.png) no-repeat; z-index: 10; position: relative; margin-left:-20px; text-align: left; padding: 5px 0 0 8px; color: #000; font-size: 13px; font-weight: bold ;}
A. hover_3 {width: pixel PX; height: 25px; float: left; background: url(title.png) no-repeat; z-index: 10; position: relative; text-align: left; padding: 5px 0 0 8px; color: #000; font-size: 13px; font-weight: bold ;}
A. hover_4 {width: pixel PX; height: 25px; float: left; background: url(title_hover.png) no-repeat; z-index: 100; position: relative; margin-left:-20px; text-align: left; padding: 5px 0 0 8px; color: # fff; font-size: 13px; font-weight: bold ;}
Used topic background image
Author Sampson