在线留言
|
Alexa查询
|
在线工具
|
技术论坛
|
会员注册
|
繁文
首页
WEB编程
WEB设计
WEB标准
脚本特效
WEB安全
数据库
开发工具
资源下载
WEB资讯
欢迎访问阿里西西WEB开发技术网站!
→
ASP编程
|
PHP编程
|
JSP编程
|
ASP.NET
|
C#.NET
|
VB.NET
|
Cgi/Perl
|
XML/RSS
|
→
WEB设计软件
|
WEB设计艺术
|
WEB设计规范
|
WEB设计欣赏
|
→
HTML
|
XHTML
|
CSS样式表
|
→
JavaScript
|
VBScript
|
→
WEB服务器
|
WEB黑客攻防
|
WEB攻防工具
|
→
ACCESS
|
MSSQL
|
MySQL
|
Oracle
|
PowerBuilder
|
FoxPro
|
DB2
|
→
Dreamweaver
|
FrontPage
|
Fireworks
|
FLASH
|
Ultradev
|
精品工具
|
→
电子教程手册
|
语言参考手册
|
网站开发文档
|
精典源码函数
|
→
互联网新闻
|
WEB市场推广
|
WEB程序员专栏
|
HTML
XHTML
CSS样式表
首页
/
WEB标准
/
XHTML
/
[XHTML]
UI组件 — 菜单(指示当前活动菜单项)
作者:[转载] 文章来源:http://www.alixixi.com/ 更新时间:2005-12-13
<!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=utf-8" />
<title>例9</title>
<style type="text/css">
menu{
margin:0;
padding:0;
list-style:none;
width:120px;
}
menu li{
height:20px;
/*解决IE与Gecko浏览器之间的盒模型差异*/
margin-bottom:4px !important;
margin-bottom:2px;
}
menu a{
/*定义a为块级元素,方便用盒模型属性定义外观*/
display:block;
/*定义尺寸*/
width:100%;
height:20px;
/*盒模型风格*/
background-color:#F6F6F6;
border:1px solid #DDD;
/*文字样式*/
font:11px arial;
text-decoration:none;
/*垂直居中*/
line-height:20px;
/*水平居中*/
text-align:center;
}
menu a:link,menu a:visited{
color:#333;
}
menu a:hover,menu a:active{
background-color:#FFEFE6;
border:1px solid #F60;
}
menu li.active a{
background-color:#E8F3FF;
border:1px solid #39F;
}
</style>
</head>
<body>
<menu>
<li><a href="
http://httpd.apache.org/
" title="Apache Web Server (httpd)">HTTP Server</a></li>
<li><a href="
http://ant.apache.org/
" title="Java-based build tool">Ant</a></li>
<li><a href="
http://apr.apache.org/
" title="Apache Portable Runtime libraries">APR</a></li>
<li><a href="
http://cocoon.apache.org/
" title="Web development framework: separation of concerns, component-based">Cocoon</a></li>
<li class="active"><a href="
http://db.apache.org/
" title="Database access">DB</a></li>
<li><a href="
http://directory.apache.org/
" title="Apache Directory Server">Directory</a></li>
<li><a href="
http://excalibur.apache.org/
" title="Embeddable software libraries related to component and service management access">Excalibur</a></li>
<li><a href="
http://forrest.apache.org/
" title="Aggregated multi-channel documentation, separation of concerns">Forrest</a></li>
<li><a href="
http://geronimo.apache.org/
" title="Java2, Enterprise Edition (J2EE) container">Geronimo</a></li>
<li><a href="
http://gump.apache.org/
" title="Continuous integration of open source projects">Gump</a></li>
<li><a href="
http://incubator.apache.org/
" title="Shepherd for new projects">Incubator</a></li>
<li><a href="
http://jakarta.apache.org/
" title="Server-side Java">Jakarta</a></li>
<li><a href="
http://james.apache.org/
" title="Java Apache Mail Enterprise Server">James</a></li>
<li><a href="
http://lenya.apache.org/
" title="Content Management System">Lenya</a></li>
<li><a href="
http://logging.apache.org/
" title="Cross-language logging services">Logging</a></li>
<li><a href="
http://lucene.apache.org/
" title="Search engine library">Lucene</a></li>
<li><a href="
http://maven.apache.org/
" title="Java project management and comprehension tools">Maven</a></li>
<li><a href="
http://myfaces.apache.org/
" title="JavaServer(tm) Faces implementation and components">MyFaces</a></li>
<li><a href="
http://perl.apache.org/
" title="Dynamic websites using Perl">Perl</a></li>
<li><a href="
http://portals.apache.org/
" title="Portal technology">Portals</a></li>
<li><a href="
http://spamassassin.apache.org/
" title="Mail filter to identify spam">SpamAssassin</a></li>
<li><a href="
http://struts.apache.org/
" title="Model 2 framework for building Java web applications">Struts</a></li>
<li><a href="
http://tcl.apache.org/
" title="Dynamic websites using TCL">TCL</a></li>
<li><a href="
http://ws.apache.org/">Web
Services</a></li>
<li><a href="
http://xml.apache.org/
" title="XML solutions focused on the web">XML</a></li>
<li><a href="
http://xmlbeans.apache.org/
" title="XML-Java binding tool">XMLBeans</a></li>
<li><a href="
http://xmlgraphics.apache.org/
" title="Conversion from XML to graphical output">XML Graphics</a></li>
<li><a href="/foundation/conferences.html" title="Meetings of developers and users">Conferences</a></li>
<li><a href="/foundation/" title="The Apache Software Foundation">Foundation</a></li>
</menu>
</body>
</html>
【
发表评论
】 【
加入收藏
】 【
打印此文
】 【
关闭窗口
】
上一篇:
tbody标签的妙用
[2005-12-13]
下一篇:
UI组件 — 菜单(自上而下的指示)
[2005-12-13]
网友评论
相关搜索
关于我们
|
网站地图
|
隐私和安全性
|
联系我们
|
在线工具
|
友情链接
|
粤ICP备05097432号
©2004-2005 Alixixi Development Team.All rights reserved
保留所有权利
。
访问本网站表明您同意
信息使用条款
。