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
查看全文
相关阅读:
MongoDB面试题
spider 爬虫文件基本参数(3)
命令行工具(2)
初始scrapy,简单项目创建和CSS选择器,xpath选择器(1)
数据分析实例(离海洋距离与最高温度之间的关系分析)
路飞业务分析
MYSQL 主从复制,读写分离(8)
pyquery 学习
selenium case报错重新执行
python小技巧
原文地址:https://www.cnblogs.com/yiki/p/679924.html
最新文章
YOLO 测试出错:段错误 (核心已转储)
gcc编译
vim+python
深度学习
docker 基本操作
对tensorflow 中的attention encoder-decoder模型调试分析
以lstm+ctc对汉字识别为例对tensorflow 中的lstm,ctc loss的调试
tensorflow BasicRNNCell调试
漏斗分析(Funnel Analysis)
同期群分析(Cohort Analysis)
热门文章
市场细分(Market Segmentation)
用pandas进行数据清洗(二)(Data Analysis Pandas Data Munging/Wrangling)
探索性数据分析(Exploratory Data Analysis,EDA)
缺失值处理(Missing Values)
数据分析师(Data Analyst),数据工程师(Data Engineer),数据科学家(Data Scientist)的区别
特征缩放(Feature Scaling)
虚拟变量和独热编码的区别(Difference of Dummy Variable & One Hot Encoding)
虚拟变量陷阱(Dummy Variable Trap)
redis面试题汇总
消息队列面试题
Copyright © 2011-2022 走看看