注意事项:二级菜单并非ul li ul嵌套,就是第一级的ul和li,只是将一级菜单和二级菜单分别写两个菜单style
注意事项:二级菜单并非ul li ul嵌套,就是第一级的ul和li,只是将一级菜单和二级菜单分别写两个菜单style
/*css代码*/
/*这是一级菜单的style*/
.leftmenucontainer {
width: 70%;
margin: 5px 5px 5px 10px;
border: 1px solid #666;
padding:5px 5px 5px 5px;
}
#menuleft {
width: 140px;
border: 1px solid #ccc;
color: #505050;
display: block;
background: url(../images/menu3.gif);
padding: 0 0 0 0;
}
#menuleft li a {
height: 32px;
height: 24px;
text-decoration: none;
}
#menuleft li a:link,#menuleft li a:visited {
color: #505050;
display: block;
background: url(../images/menu3.gif);
padding: 8px 0 0 30px;
}
#menuleft li a:hover,#menuleft li a:active {
color: #013676;
background: url(../images/menu3.gif) 0 -32px;
padding: 8px 0 0 30px;
}
/*这是二级菜单的style*/
#leftmenu2 {
float:inherit;
width: 140px;
border-color: #D0D0D0;
border-width: 1px;
}
#leftmenu2 li a {
height: 32px;
height: 24px;
text-decoration: none;
BACKGROUND: url(../images/arrow.gif) no-repeat 8px 8px 8px 8px;
}
#leftmenu2 li a:link, #leftmenu2 li a:visited {
color: #FFF;
background: url(../images/menu5.gif);
padding: 8px 0 0 30px;
}
#leftmenu2 li a:hover, {
color: #FFF;
background: url(../images/menu5.gif) 0 -32px;
padding: 8px 0 0 30px;
}
/*js代码*//*将js代码嵌入到<style></style>标签下方*/
<script language="JavaS
function change_view(obj_name)
{
var aa=document.getElementById(obj_name);
if(aa.style.display=="")
{
aa.style.display="none";
}
else
{
aa.style.display="";
}
石家庄网站建设的优点:我们是专属定制,制作符合您公司业务、风格的网站,这就做到给您制作的网站是网络上独一无二的网站,这样更有利于搜索引擎的收录。如果您喜欢网络上某个风格的网站或者网站模板,我们是只仿制而不直接套用,我们会对其中的结构和样式做增减优化,做…
竞价排名营销是一种通过 竞价购买搜索引擎中关键词或关键短语的广告方式。竞价排名营销分为两种类型。 第一种,直接为真正的搜索引擎结果的排名付费,也就是说付的钱越多,网页所获得的排名名也就越高。 第二种则更类似于普通的广告。这种竞价排名营销方式通过…
网站优化对网站来说是非常重要的,直接决定和影响着网站所起到的作用,以及在各个地方当中的排名。在进行seo优化的过程中,我们必须要坚持一定的原则,真正的把这些事情做得更好,才可以确保最终的结果,这对于我们来说是非常重要的事。 SEO优化主要分为8小步: …