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
>
查看全文
相关阅读:
uvm设计分析——report
report源码分析——report_handle和report_server和report_catcher
report源码分析——宏的执行
015-命令行下载安装brew
011-多线程-基础-基于AbstractQueuedSynchronizer自定义同步组件
010-多线程-JUC集合-Queue-ConcurrentLinkedQueue
009-多线程-JUC集合-Queue-LinkedBlockingDeque
008-多线程-JUC集合-Queue-LinkedBlockingQueue
007-多线程-JUC集合-Queue-BlockingQueue接口以及ArrayBlockingQueue
006-多线程-集合-Set-ConcurrentSkipListSet
原文地址:https://www.cnblogs.com/studio313/p/647825.html
最新文章
Python 学习教程系列文章
系统重装之认识UEFI
Win10访问共享文件夹如何取消用户名密码
移动端和PC端弹出遮罩层后,页面禁止滚动的解决方法及探究
JavaScript match()方法和正则表达式match()
移动端左右滑动问题-html与css解决
相对路径./与../区别
export,export default和import的区别以及用法
获取Iframe页面高度并赋值给Iframe以及获取iframe里的元素
全局组件父子传参(父传子)
热门文章
Vue组件之全局组件与局部组件
函数参数中的中括号代表什么
js中constructor和prototype
SV processses
uvm设计分析——factory
factory源码分析——component_registry和object_registry
object base基类分析
callback源码分析——callback_iter和callback
callback源码分析——callbacks
uvm设计分析——callback
Copyright © 2011-2022 走看看