zoukankan
html css js c++ java
CSS菜单
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<
html
xmlns
="http://www.w3.org/1999/xhtml"
>
<
head
>
<
meta
http-equiv
="Content-Type"
content
="text/html; charset=gb2312"
/>
<
title
>
CSS菜单--下拉菜单
</
title
>
<
style
>
body
{
}
{
background-color
:
white
;
font-size
:
12px
;
font-family
:
Arial, Helvetica, sans-serif
;
margin
:
0px
;
padding
:
0px
;
color
:
white
;
}
ul,li
{
}
{
margin
:
0px
;
padding
:
0px
;
}
li
{
}
{
display
:
inline
;
list-style
:
none
;
list-style-position
:
outside
;
text-align
:
center
;
font-weight
:
bold
;
float
:
left
;
}
a:link
{
}
{
color
:
#336601
;
text-decoration
:
none
;
float
:
left
;
width
:
100px
;
padding
:
3px 5px 0px 5px
;
}
a:visited
{
}
{
color
:
#336601
;
text-decoration
:
none
;
float
:
left
;
padding
:
3px 5px 0px 5px
;
width
:
100px
;
}
a:hover
{
}
{
color
:
white
;
float
:
left
;
padding
:
3px 3px 0px 20px
;
width
:
88px
;
text-decoration
:
none
;
background-color
:
#539D26
;
}
a:active
{
}
{
color
:
white
;
float
:
left
;
padding
:
3px 3px 0px 20px
;
width
:
88px
;
text-decoration
:
none
;
background-color
:
#BD06B4
;
}
#nav
{
}
{
width
:
600px
;
height
:
30px
;
border-bottom
:
0px
;
padding
:
0px 5px
;
position
:
absolute
;
z-index
:
1
;
}
.list
{
}
{
line-height
:
20px
;
text-align
:
left
;
padding
:
4px
;
font-weight
:
normal
;
}
.menu1
{
}
{
width
:
120px
;
height
:
auto
;
margin
:
6px 4px 0px 0px
;
border
:
1px solid #9CDD75
;
background-color
:
#F1FBEC
;
color
:
#336601
;
padding
:
6px 0px 0px 0px
;
cursor
:
hand
;
overflow-y
:
hidden
;
filter
:
Alpha(opacity=70)
;
-moz-opacity
:
0.7
;
}
.menu2
{
}
{
width
:
120px
;
height
:
18px
;
margin
:
6px 4px 0px 0px
;
background-color
:
#F5F5F5
;
color
:
#999999
;
border
:
1px solid #EEE8DD
;
padding
:
6px 0px 0px 0px
;
overflow-y
:
hidden
;
cursor
:
hand
;
}
</
style
>
</
head
>
<
body
>
<
div
id
="nav"
>
<
ul
>
<
li
class
="menu2"
onMouseOver
="this.className='menu1'"
onMouseOut
="this.className='menu2'"
>
我的
首页
<
div
class
="list"
>
<
a
href
="#"
>
我的CHINAY
</
a
><
br
/>
<
a
href
="#"
>
我的首页
</
a
><
br
/>
<
a
href
="#"
>
我的日志
</
a
><
br
/>
<
a
href
="#"
>
我的日志
</
a
><
br
/>
<
a
href
="#"
>
我的相册
</
a
><
br
/>
<
a
href
="#"
>
我的收藏
</
a
><
br
/>
</
div
>
</
li
>
<
li
class
="menu2"
onMouseOver
="this.className='menu1'"
onMouseOut
="this.className='menu2'"
>
社区
圈子
<
div
class
="list"
>
<
a
href
="#"
>
我的CHINAY
</
a
><
br
/>
<
a
href
="#"
>
我的首页
</
a
><
br
/>
<
a
href
="#"
>
我的日志
</
a
><
br
/>
<
a
href
="#"
>
我的相册
</
a
><
br
/>
<
a
href
="#"
>
我的收藏
</
a
><
br
/>
</
div
>
</
li
>
<
li
class
="menu2"
onMouseOver
="this.className='menu1'"
onMouseOut
="this.className='menu2'"
>
我的
短信
<
div
class
="list"
>
<
a
href
="#"
>
我的CHINAY
</
a
><
br
/>
<
a
href
="#"
>
我的相册
</
a
><
br
/>
<
a
href
="#"
>
我的收藏
</
a
><
br
/>
</
div
>
</
li
>
<
li
class
="menu2"
onMouseOver
="this.className='menu1'"
onMouseOut
="this.className='menu2'"
>
账户
管理
<
div
class
="list"
>
<
a
href
="#"
>
我的CHINAY
</
a
><
br
/>
<
a
href
="#"
>
我的首页
</
a
><
br
/>
<
a
href
="#"
>
我的日志
</
a
><
br
/>
<
a
href
="#"
>
我的相册
</
a
><
br
/>
<
a
href
="#"
>
我的收藏
</
a
><
br
/>
<
a
href
="#"
>
我的日志
</
a
><
br
/>
<
a
href
="#"
>
我的相册
</
a
><
br
/>
<
a
href
="#"
>
我的收藏
</
a
><
br
/>
</
div
>
</
li
>
</
ul
>
</
div
>
</
body
>
</
html
>
源:
http://www.becaused.com/article.asp?id=393
查看全文
相关阅读:
loadrunner Message函数
loadrunner informational函数
loadrunner database函数
loadrunner CommandLine函数
loadrunner重播函数
loadrnner header函数
KVM虚拟机的xml配置文件
cinder-backup驱动配置
Areon 删除linux软raid方法
Mdadm命令详解
原文地址:https://www.cnblogs.com/yiki/p/679924.html
最新文章
算法之二分查找(上)
Nginx学习-架构
算法之排序(下)
算法之排序(中)-c语言实现
Java程序性能优化Tip
MySQL数据备份之mysqldump使用
git命令行-新建分支与已提交分支合并
如何把一个数组中的对象的key值相等的对象合成一个对象
关于https域名下的页面iframe嵌套http页面的问题
HBuilderX频繁关闭,导致启动不了?
热门文章
深坑react 引入antd无效问题
出现 error: RPC failed; curl 18 transfer closed with outstanding read data remaining 的原因
连等符执行过程
深入浅出Object.defineProperty()
使用require.context实现前端工程自动化
bind方法源码
转载:loadrunner事务判断常用方法
loadrunner 事务函数
loadrunner 字符参数函数
loadrunner run-time函数
Copyright © 2011-2022 走看看