仅用css编写无限分级弹出菜单 - HTML/CSS教程 - 网页制作

网友俱乐部 » 网页制作 » HTML/CSS教程 » 仅用css编写无限分级弹出菜单

网友生活网 \| 网友学堂	如何获得金币？	诚招斑竹	IP归属地查询 PR查询收录查询 whois查询
免费超短2级域名,your.jpy.cc	火狐浏览器，网上冲浪更快更爽更惬意	注册亚洲交友中心，找个人来同居吧！	7CODE查杀恶意代码，守护您的电脑

‹‹ 上一主题 | 下一主题 ››

ljjk5

元帅

UID 46706
精华 1
积分 99426
帖子 49690
威望 554
金币 48489
热心 505
阅读权限 100
注册 2007-2-25
状态离线

使用道具

发表于 2007-4-15 05:48 资料个人空间主页短消息加为好友

仅用css编写无限分级弹出菜单

　　一直以来，我们大多使用js来实现弹出菜单，可是根据 w3c 的css标准，根本就没有这个必要。只需要简单得使用css html就可以做出一个无限分级的弹出菜单。没错，就是利用 Element:hover 这个伪类。注意，浏览这个例子，你必须使用标准浏览器，例如 Mozilla Firefox/ Opera 7.5

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>css menu</title>
   <style type="text/css">
   /*<![CDATA[*/
   ul.menu
   {
      width:180px;
      cursor:hand;
      list-style-type:none;
……
非常抱歉，您的当前状态为游客，因此只能查阅部分内容。要查阅完整内容请登录或者注册。

[广告] 免费域名(Free Subdomain) 免费空间(Free hosting) PR查询(Google Pagerank)

当前时区 GMT+8, 现在时间是 2009-1-9 00:33
信产部ICP备案：京ICP备05066424号北京市公安局网监备案：1101050648号

TOP

清除 Cookies - 联系我们 - 网友俱乐部 - Archiver - WAP