两行css代码搞定下拉菜单-不需要

不需要

没有人的生活能不需要it互联网、搜索引擎

« discuz!7添加flv播放器方法和代码修改dedecms的友情链接为下拉式 »

两行css代码搞定下拉菜单

两行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>benba版下拉菜单</title>
<style type="text/css">
<!--
ul li,.me1 li{display: none;}
.me li{display: block;}
-->
</style>
</head>
<body>
<ul onMouseOver="this.className='me'" onMouseOut="this.className='me1'">
<a href="#"><span>菜单1</span></a>
<li><a href="#">子菜单1</a></li>
<li><a href="#">子菜单5</a></li>
<li><a href="#">子菜单3</a></li>
</ul>
</body>
</html>

很简单,很强大!

发表评论: