zoukankan
html css js c++ java
竖型下拉菜单
<!
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
>
<
title
>
Horizontal Drop Down Menus
</
title
>
<
meta
http-equiv
="Content-Type"
content
="text/html; charset=iso-8859-1"
/>
<
style
type
="text/css"
>
body
{
}
{
font
:
normal 12px verdana
;
}
ul
{
}
{
margin
:
0
;
padding
:
0
;
list-style
:
none
;
width
:
130px
;
/**/
/*
Width of Menu Items
*/
border-bottom
:
1px solid #ccc
;
}
ul li
{
}
{
position
:
relative
;
}
li ul
{
}
{
position
:
absolute
;
left
:
129px
;
/**/
/*
Set 1px less than menu width
*/
top
:
0
;
display
:
none
;
}
/**/
/*
Styles for Menu Items
*/
ul li a
{
}
{
display
:
block
;
text-decoration
:
none
;
color
:
#666
;
background
:
#fff
;
/**/
/*
IE6 Bug
*/
padding
:
5px
;
border
:
1px solid #ccc
;
border-bottom
:
0
;
}
/**/
/*
Fix IE. Hide from IE Mac \
*/
* html ul li
{
}
{
float
:
left
;
height
:
1%
;
}
* html ul li a
{
}
{
height
:
1%
;
}
/**/
/*
End
*/
ul li a:hover
{
}
{
color
:
#E2144A
;
background
:
#f9f9f9
;
}
/**/
/*
Hover Styles
*/
li ul li a
{
}
{
padding
:
2px 5px
;
}
/**/
/*
Sub Menu Styles
*/
li:hover ul, li.over ul
{
}
{
display
:
block
;
}
/**/
/*
The magic
*/
</
style
>
<
script
type
="text/javascript"
>
//
drop_down.js
startList
=
function
()
{
if
(document.all
&&
document.getElementById)
{
navRoot
=
document.getElementById(
"
nav
"
);
for
(i
=
0
; i
<
navRoot.childNodes.length; i
++
)
{
node
=
navRoot.childNodes[i];
if
(node.nodeName
==
"
LI
"
)
{
node.onmouseover
=
function
()
{
this
.className
+=
"
over
"
;
}
node.onmouseout
=
function
()
{
this
.className
=
this
.className.replace(
"
over
"
,
""
);
}
}
}
}
}
window.onload
=
startList;
</
script
>
</
head
>
<
body
>
<
ul
id
="nav"
>
<
li
><
a
href
="javascript:void(0);"
>
Home
</
a
></
li
>
<
li
><
a
href
="javascript:void(0);"
>
About
</
a
>
<
ul
>
<
li
><
a
href
="#"
>
History
</
a
></
li
>
<
li
><
a
href
="#"
>
Team
</
a
></
li
>
<
li
><
a
href
="#"
>
Offices
</
a
></
li
>
</
ul
>
</
li
>
<
li
><
a
href
="javascript:void(0);"
>
Services
</
a
>
<
ul
>
<
li
><
a
href
="#"
>
Web Design
</
a
></
li
>
<
li
><
a
href
="#"
>
Internet Marketing
</
a
></
li
>
<
li
><
a
href
="#"
>
Hosting
</
a
></
li
>
<
li
><
a
href
="#"
>
Domain Names
</
a
></
li
>
<
li
><
a
href
="#"
>
Broadband
</
a
></
li
>
</
ul
>
</
li
>
<
li
><
a
href
="javascript:void(0);"
>
Contact Us
</
a
>
<
ul
>
<
li
><
a
href
="#"
>
United Kingdom
</
a
></
li
>
<
li
><
a
href
="#"
>
France
</
a
></
li
>
<
li
><
a
href
="#"
>
USA
</
a
></
li
>
<
li
><
a
href
="#"
>
Australia
</
a
></
li
>
</
ul
>
</
li
>
</
ul
>
</
body
>
</
html
>
查看全文
相关阅读:
极客时间课程《数据结构与算法之美》笔记09
Java 学习笔记02
极客时间课程《数据结构与算法之美》笔记05
极客时间课程《数据结构与算法之美》笔记04
极客时间课程《数据结构与算法之美》笔记03
极客时间课程《数据结构与算法之美》笔记02
极客时间课程《数据结构与算法之美》01
spring data jpa 通过对象传参
生成流水号
Java 为实体类动态添加属性
原文地址:https://www.cnblogs.com/studio313/p/647825.html
最新文章
MVC上传文件
.net将html转换PDF
.net 后台生成Excel文件
JSONP调用MVC后台接口
Application_Error异常处理 自定义错误页
HTML基础-浏览器渲染操作的顺序
个人工作用SQL短句,不定时更新
Ngnix 配置文件快速入门
利用VS自带发布功能实现web项目快速部署
解决错误 CS1617 Invalid option '7.1' for /langversion; must be ISO-1, ISO-2, Default or an integer in range 1 to 6.
热门文章
C# 实现定时/循环任务
web api(基于NFine框架) 中接口跳转数据格式错误解决方案
LogHelper
初见NVelocity模板引擎
C#基础——IO
ASP.NET处理管道之防盗链
初步了解CPU
极客时间课程《数据结构与算法之美》笔记07
极客时间课程《数据结构与算法之美》笔记08
极客时间课程《数据结构与算法之美》笔记06
Copyright © 2011-2022 走看看