<span style=
"color: #0000ff;"
><span style=
"color: #ff00ff;"
>DOCTYPE html</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>html </span><span style=
"color: #ff0000;"
>lang</span><span style=
"color: #0000ff;"
>=
"zh-CN"
</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>head</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>meta </span><span style=
"color: #ff0000;"
>charset</span><span style=
"color: #0000ff;"
>=
"utf-8"
</span> <span style=
"color: #0000ff;"
>/></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>link </span><span style=
"color: #ff0000;"
>href</span><span style=
"color: #0000ff;"
>=
"css/bootstrap.min.css"
</span><span style=
"color: #ff0000;"
> rel</span><span style=
"color: #0000ff;"
>=
"stylesheet"
</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>title</span><span style=
"color: #0000ff;"
>></span>starof test<span style=
"color: #0000ff;"
></span><span style=
"color: #800000;"
>title</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>style </span><span style=
"color: #ff0000;"
>type</span><span style=
"color: #0000ff;"
>=
"text/css"
</span><span style=
"color: #0000ff;"
>></span><span style=
"background-color: #f5f5f5; color: #800000;"
>
.menu</span><span style=
"background-color: #f5f5f5; color: #000000;"
>{</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
border-radius</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
>4px</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
background-color</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
>#f8f8f8</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
padding</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
>10px</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
margin-top</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
>30px</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span>
<span style=
"background-color: #f5f5f5; color: #000000;"
>}</span><span style=
"background-color: #f5f5f5; color: #800000;"
>
.menu p</span><span style=
"background-color: #f5f5f5; color: #000000;"
>{</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
font-size</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
>26px</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
margin-bottom</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
>25px</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
color</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
>#76caea</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
padding-left</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
>30px</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
margin-top</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
>15px</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span>
<span style=
"background-color: #f5f5f5; color: #000000;"
>}</span>
<span style=
"background-color: #f5f5f5; color: #008000;"
>
</span><span style=
"background-color: #f5f5f5; color: #800000;"
>
.menu .nav-pills > li > a:hover</span><span style=
"background-color: #f5f5f5; color: #000000;"
>{</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
background-color</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
>#8fd4e6</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span>
<span style=
"background-color: #f5f5f5; color: #000000;"
>}</span><span style=
"background-color: #f5f5f5; color: #800000;"
>
.clickstyle</span><span style=
"background-color: #f5f5f5; color: #000000;"
>{</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
background-color</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
>#5dc1d1</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
border-radius</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
>4px</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span>
<span style=
"background-color: #f5f5f5; color: #000000;"
>}</span>
<span style=
"color: #0000ff;"
></span><span style=
"color: #800000;"
>style</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
></span><span style=
"color: #800000;"
>head</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>body</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>div </span><span style=
"color: #ff0000;"
>
class
</span><span style=
"color: #0000ff;"
>=
"col-md-2 menu"
</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>p</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>span </span><span style=
"color: #ff0000;"
>
class
</span><span style=
"color: #0000ff;"
>=
"glyphicon glyphicon-user"
</span><span style=
"color: #0000ff;"
>></span><span style=
"color: #800000;"
>span</span><span style=
"color: #0000ff;"
>></span><span style=
"color: #ff0000;"
> </span><span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>span</span><span style=
"color: #0000ff;"
>></span>starof<span style=
"color: #0000ff;"
></span><span style=
"color: #800000;"
>span</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
></span><span style=
"color: #800000;"
>p</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>ul </span><span style=
"color: #ff0000;"
>
class
</span><span style=
"color: #0000ff;"
>=
"nav nav-pills nav-stacked"
</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>li</span><span style=
"color: #0000ff;"
>><span style=
"color: #800000;"
>a </span><span style=
"color: #ff0000;"
>href</span><span style=
"color: #0000ff;"
>=
"#"
</span><span style=
"color: #0000ff;"
>></span>page1<span style=
"color: #0000ff;"
></span><span style=
"color: #800000;"
>a</span><span style=
"color: #0000ff;"
>></span><span style=
"color: #800000;"
>li</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>li</span><span style=
"color: #0000ff;"
>><span style=
"color: #800000;"
>a </span><span style=
"color: #ff0000;"
>href</span><span style=
"color: #0000ff;"
>=
"#"
</span><span style=
"color: #0000ff;"
>></span>page2<span style=
"color: #0000ff;"
></span><span style=
"color: #800000;"
>a</span><span style=
"color: #0000ff;"
>></span><span style=
"color: #800000;"
>li</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>li</span><span style=
"color: #0000ff;"
>><span style=
"color: #800000;"
>a </span><span style=
"color: #ff0000;"
>href</span><span style=
"color: #0000ff;"
>=
"#"
</span><span style=
"color: #0000ff;"
>></span>page3<span style=
"color: #0000ff;"
></span><span style=
"color: #800000;"
>a</span><span style=
"color: #0000ff;"
>></span><span style=
"color: #800000;"
>li</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
></span><span style=
"color: #800000;"
>ul</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
></span><span style=
"color: #800000;"
>div</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>script </span><span style=
"color: #ff0000;"
>type</span><span style=
"color: #0000ff;"
>=
"text/javascript"
</span><span style=
"color: #0000ff;"
>></span>
<span style=
"background-color: #f5f5f5; color: #0000ff;"
>
var
</span><span style=
"background-color: #f5f5f5; color: #000000;"
> oLis</span><span style=
"background-color: #f5f5f5; color: #000000;"
>=</span><span style=
"background-color: #f5f5f5; color: #000000;"
>document.getElementsByTagName(</span><span style=
"background-color: #f5f5f5; color: #000000;"
>
"</span><span style="
background-color: #f5f5f5; color: #000000;
">li</span><span style="
background-color: #f5f5f5; color: #000000;
">"
</span><span style=
"background-color: #f5f5f5; color: #000000;"
>);
</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
>
var
</span><span style=
"background-color: #f5f5f5; color: #000000;"
> i,j;
</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
>
var
</span><span style=
"background-color: #f5f5f5; color: #000000;"
> length</span><span style=
"background-color: #f5f5f5; color: #000000;"
>=</span><span style=
"background-color: #f5f5f5; color: #000000;"
>oLis.length;
</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
>
for
</span><span style=
"background-color: #f5f5f5; color: #000000;"
>(i</span><span style=
"background-color: #f5f5f5; color: #000000;"
>=</span><span style=
"background-color: #f5f5f5; color: #000000;"
>0</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;i</span><span style=
"background-color: #f5f5f5; color: #000000;"
><span style=
"background-color: #f5f5f5; color: #000000;"
>length;i</span><span style=
"background-color: #f5f5f5; color: #000000;"
>++</span><span style=
"background-color: #f5f5f5; color: #000000;"
>){
oLis[i].onclick</span><span style=
"background-color: #f5f5f5; color: #000000;"
>=</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
>
function
</span><span style=
"background-color: #f5f5f5; color: #000000;"
>(){
</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
>
for
</span><span style=
"background-color: #f5f5f5; color: #000000;"
>(j</span><span style=
"background-color: #f5f5f5; color: #000000;"
>=</span><span style=
"background-color: #f5f5f5; color: #000000;"
>0</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;j</span><span style=
"background-color: #f5f5f5; color: #000000;"
><span style=
"background-color: #f5f5f5; color: #000000;"
>length;j</span><span style=
"background-color: #f5f5f5; color: #000000;"
>++</span><span style=
"background-color: #f5f5f5; color: #000000;"
>){
oLis[j].className</span><span style=
"background-color: #f5f5f5; color: #000000;"
>=</span><span style=
"background-color: #f5f5f5; color: #000000;"
>
""
</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;
}
</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
>this</span><span style=
"background-color: #f5f5f5; color: #000000;"
>.className</span><span style=
"background-color: #f5f5f5; color: #000000;"
>+=</span><span style=
"background-color: #f5f5f5; color: #000000;"
>
"</span><span style="
background-color: #f5f5f5; color: #000000;
">clickstyle</span><span style="
background-color: #f5f5f5; color: #000000;
">"
</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;
}
}
</span><span style=
"color: #0000ff;"
></span><span style=
"color: #800000;"
>script</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
></span><span style=
"color: #800000;"
>body</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
></span><span style=
"color: #800000;"
>html</span><span style=
"color: #0000ff;"
>></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>