1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > html ul li做左侧菜单 css中使用ul li ul li ul li ul li 实现四层级联菜单

html ul li做左侧菜单 css中使用ul li ul li ul li ul li 实现四层级联菜单

时间:2018-11-23 18:03:56

相关推荐

html ul li做左侧菜单 css中使用ul li ul li ul li ul li 实现四层级联菜单

复制代码代码如下:

a

{

color:Black; /*--a标签的默认颜色为黑色--*/

text-decoration:none; /*--隐藏超链接的下划线--*/

}

a:hover

{

/**--当鼠标聚焦到a标签的时候文字显示为红色--*/

color:Red;

}

#div1 ul

{

/*--去掉文字前面的小圆点--*/

list-style-type:none;

}

#div1 ul li

{

border-style:solid;

border-width:1px;

padding:6px;

width:2.2cm;

text-align:center;

background-color:#eeeeee;

}

#div1 ul li ul

{

display:none; /*--默认隐藏一级菜单外的其他菜单--*/

}

#div1 ul li:hover ul

{

display:block;

position:relative;

left:50px;

height:0px;

top:-25px;

}

#div1 ul li:hover ul li ul /*--当鼠标聚焦到一级菜单下的li的时候,隐藏三级菜单--*/

{

display:none;

}

#div1 ul li ul li:hover ul /*--当鼠标聚焦到二级菜单下的li的时候,显示三级菜单,并设置菜单显示为block样式--*/

{

display:block;

}

#div1 ul li ul li:hover ul li ul /*--当鼠标聚焦到二级菜单下的li的时候,隐藏四级菜单--*/

{

display:none;

}

#div1 ul li ul li ul li:hover ul /*--当鼠标聚焦到三级菜单下的li的时候,显示四级菜单,并设置菜单显示为block样式--*/

{

display:block;

}

function config() {

if (confirm("你确定要联系我们吗?")) {

//window.location.href = '';

//location.href = "";

//window.open('');

if (confirm("能不能不要联系我们啊?") == true) {

return;

}

else {

window.open("");

}

}

else {

return;

}

}

中国湖南长沙芙蓉区天心区雨花县望城区开福区衡阳雁峰区朱辉区石鼓县祁东县南岳区永州零陵区冷水滩区东安县潇湘区北京朝阳区广东广州天河区越秀区海珠区深圳罗湖区福田区南山区盐田区宝安区龙岗区东莞佛山美国纽约曼哈顿区皇后区华盛顿芝加哥俄罗斯莫斯科圣彼得堡请联系我们

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。