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
查看全文
相关阅读:
[转载]数据类型和Json格式 Joe
为页面去掉下划线
基于Spring,struts,hibernate的JYazd仿yazd及jivejdon
tomcat下建立虚拟目录
用例建模指南
王老师好,学生请教个设计上的问题
博客第一个处女作,顺便测试一下
自定义可以和with一起工作的类
boost cpu_timer
静态初始化的相依性
原文地址:https://www.cnblogs.com/yiki/p/679924.html
最新文章
通过SQL Server 2008数据库复制实现数据库同步备份
SqlServer2008 数据库同步的两种方式(Sql JOB)
Eclipse + pydev
Python+Django在windows下的开发环境配置图解
SqlServer数据库同步方案详解
SqlServer2008 数据库同步的两种方式 (发布、订阅)
C# Enum,Int,String的互相转换 枚举转换
虚拟主机与虚拟目录学习小结
DOS中对MySQL的操作
Jason文件解析
热门文章
Apache与Tomcat服务器简介
[转]信号结构类的时间开销对比 Joe
想透彻,写清楚,讲明白 Joe
腾讯VS360 Joe
程序员中"5%神话";刘未鹏:为什么你应该写博客 Joe
[转] 轻、快、好、免费的开发工具 Joe
[转]OSI七层模型概述及建议 Joe
Most Effective PL Joe
Writing multithreaded ArcObjects code(多线程环境使用AO) Joe
[转帖]什么是品牌战略? Joe
Copyright © 2011-2022 走看看