CSS导航特效

来源：百度知道 编辑：UC知道 时间：2024/06/25 11:53:18
废话不多说了，我想要一个这样的导航效果（www.ZJICM．EDU．CN）．

注意两点：1：这个应该没有用到JS的．所以我只要HTML＋CSS．
2：把鼠标移上去之后如果子页面存在内容，会有动态的的下拉菜单出现（网站上可以看到的那种效果）．

求强人．在此先谢过．代码可发到42111915@qq.com

PS:效果满意可再次加分
超级连接无法打开可尝试BAIDU 浙江传媒学院

我这有个类似的，纯div/css横向弹出导航，发你邮箱了。

懒人之家， 网页特效， 联盟素材， 都挺不错的

你说的网站导航效果是flash做的，不是css+html。

不过用css也可以作出这种效果的。试试下面这个：
这个是垂直的，你可以改成水平显示的，在第个li定义float：left;

<!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" lang="gb2312">
<head>
<title>二级菜单</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<!--CSS样式开始-->
<style type=text/css>
*{
margin:0;
padding:0;
border:0;
}
html{
background:#bfc4c7;/*背景颜色*/
}
body{
font:12px/150% '宋体