css 多层ul li,css中的ul li ul li ul li ul li 实现四级菜单

{

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

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

}

a:hover

{

/**--当鼠标聚焦到a标签的时候文字显示为红色,当鼠标移出a标签的时候又变回原来的颜色--*/

color:Red;

}

#div1 ul

{

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

list-style-type:none;

}

#div1 ul li /* 设置id为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 = 'http://www.baidu.com';

//location.href = "http://www.baidu.com";

//window.open('http://www.baidu.com');

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

return;

}

else {

window.open("http://www.baidu.com");

}

else {

return;

}

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

css 多层ul li,css中的ul li ul li ul li ul li 实现四级菜单相关推荐

html ul做成表格,ul li css制作表格
实现方法:(利用div的ul和li列表标记打造类似表格效果) 我们首先分析一下如何制作:li是固定的宽度与高度(单元格),设置li在ul中浮动,当ul不够宽的时候,li就会自动另起一行排列(一行有多少 ...
html相册浏览页面怎么做,ul结合CSS制作网页相册滑动浏览效果
ul结合CSS制作网页相册滑动浏览效果互联网发布时间:2008-10-17 19:25:02 作者:佚名我要评论英文原文:Sliding Photograph Galleries ...
html css 表格自动高度,HTML/CSS - 具有固定高度的容器中表格单元格的高度不一致...
我有一个使用HTML/CSS设置的表格,它位于正在变成手风琴的UL的LI元素中.问题是,当LI元素动画到特定高度时,它会改变表格单元格的高度,使最后一个元素隐藏起来.HTML/CSS - 具有固定高度 ...
CSS学习笔记（学习中）
HTML 多媒体与语义化标签图片标签 ........... 相对路径相对路径:描述从网页出发,如何找到图片. <img src="images/gugong.jpg"& ...
前端HTML、CSS学习完整笔记（中上篇）
第21课 inline内联(行内元素) <!DOCTYPE html> <html> <head> <title>study21.html</ti ...
html li 怎么合并,HTML—CSS-case（合并boder / 滑动门 / 去除li边框 /css三角形原理）...
1.实现多个div盒子横排列,鼠标点上去后显示border,相连的border合并. :利用position:relative的层级比标准流高(后来居上原则),与margin-left:-1px: 若 ...
html ul代表什么意思,ul在HTML中是什么意思
ul在HTML中是什么意思 ul是HTML中的标签. HTML 标签用于设计无序列表.的标签是一对标签,因此必须关闭此标签.为了定义列表中的项目,我们必须使用标记在标签.如果我们要在HTML文档 ...
html中写css代码,开发DIV CSS时先写CSS代码还是先写HTML代码
相信良多LOVE用DIV+CSS技术启示重构网页的爱好者友好,在起源学习DIV+CSS的时分都邑想一个标题,想晓得DIV+CSS妙手或有教育者在开发制作html页面的时刻,下场是先写html照样先写c ...
计算机底纹不起作用,CSS - 背景颜色在IE11中不起作用(CSS - background-color not working in IE11)...
CSS - 背景颜色在IE11中不起作用(CSS - background-color not working in IE11) 我有以下代码: .skills_column { padding: 5 ...

css 多层ul li,css中的ul li ul li ul li ul li 实现四级菜单

css 多层ul li,css中的ul li ul li ul li ul li 实现四级菜单相关推荐

最新文章

热门文章