这样的导航栏,这么样写呢?_html/css_WEB-ITnose

初始的时候,是这样的,
鼠标指针移动到上面的时候,变成这样
后面那种样式怎么写呢?好像用的是box-shadow.求具体的代码

回复讨论(解决方案)

这个吧，用js的 焦点事件~~当鼠标放上去的时候用 function函数来循环{ if判断如果（）{放上去的时候换图片
}else{ 否则不见} }
其实这个2级导航用css也是可以做的 但是效果没有javascript好看
我是想要放上去后的css效果,js的会做

蓝色部分可以是个div 字是div里的span 当移上去的时候设置span的border为黑色 移出去border的color为透明
类似这样试试




无标题文档

div{
background-color:#00F;
width:100px;
text-align:center;
height:50px;
line-height:50px;
}
span{
border-style:solid;
color:#FFF;
padding:5px;
border-color:transparent;
}
span:hover{
border-color:black;
}

123

查看更多关于这样的导航栏,这么样写呢?_html/css_WEB-ITnose的详细内容...