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
>
查看全文
相关阅读:
无废话WCF入门教程六[一个简单的Demo]
MVC分页
用于查询的日期类型转换帮助类
无废话SharePoint入门教程五[创建SharePoint页面布局]
一天内“被喷”7.5小时后感
无废话SharePoint入门教程四[创建SharePoint母版页]
无废话SharePoint入门教程三[创建网站集和网站]
无废话SharePoint入门教程二[SharePoint发展、工具及术语]
MTK USER版本禁止log输出
MTK 音量加减键修改为默认控制媒体音量
原文地址:https://www.cnblogs.com/studio313/p/647825.html
最新文章
LinkedBlockingQueue的put,add跟offer的区别
【股票盯盘软件】01_程序员炒股之开发一款极简风格的股票盯盘软件StockDog_V1.0.0.1
【VC++技术杂谈008】使用zlib解压zip压缩文件
【VC++技术杂谈007】使用GDI+进行图片格式转换
【VC++技术杂谈006】截取电脑桌面并将其保存为bmp图片
【VC++技术杂谈005】如何与程控仪器通过GPIB接口进行通信
【VC++技术杂谈004】使用微软TTS语音引擎实现文本朗读
【VC++技术杂谈003】打印技术之打印机状态监控
【VC++技术杂谈002】打印技术之获取及设置系统默认打印机
【VC++技术杂谈001】音频技术之调节音量及设置静音
热门文章
【玩转单片机系列002】 如何使用STM32提供的DSP库进行FFT
HP PCS 云监控大数据解决方案
HP “云图”GPU虚拟化工作站解决方案
又有同学要回老家了
最后几本书,不珍藏了。
天天在用操作系统,但你真的造吗?
Http协议
MVC缓存
Hammer.js
jquery触屏幻灯片
Copyright © 2011-2022 走看看