来讲讲：仅用css编写无穷分级弹出菜单

只看该作者 · 发表于 2015-1-16 00:20:22

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

当遇到几个选择器共享一个声明的时候，可以分组放在一起，每个选择器必须以逗号隔开。例：h1,h2,h3,h4{colorred;}选择器分组时要将每个选择器路径写全，分组结尾不能有逗号。
　　一向以来，我们年夜多利用js来完成弹出菜单，但是依据w3c的CSS尺度，基本就没有这个需要。只必要复杂得利用css+html就能够做出一个无穷分级的弹出菜单。没错，就是使用Element:hover这个伪类。注重，扫瞄这个例子，你必需利用尺度扫瞄器，比方MozillaFirefox/Opera7.5
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><title>cssmenu</title><styletype="text/css">/*<![CDATA[*/ul.menu{width:180px;cursor:hand;list-style-type:none;border:1pxsolid#cccccc;padding:0px;margin:0px;}ul.menuli{width:100%;display:block;position:relative;}ul.menulia{background-color:#06829C;color:#ffffff;width:100%;display:block;font-size:9pt;padding:2px;padding-left:10px;}ul.menuliul.menu{display:none;width:190px;position:absolute;z-index:1000;left:80%;top:-10px;}ul.menuli:hover>a{width:100%;background-color:#64ACF8;color:#ffffff;}ul.menuli:hover>ul.menu{display:block;}/*]]>*/</style></head><body><ulclass="menu"><li><ahref="#">Item1</a></li><li><ahref="#">MenuItem></a><ulclass="menu"><li><ahref="#">item</a></li><li><ahref="#">item></a><ulclass="menu"><li><ahref="#">menuitem</a></li><li><ahref="#">menuitem</a></li></ul></li><li><ahref="#">item></a><ulclass="menu"><li><ahref="#">menuitem</a></li><li><ahref="#">menuitem</a></li><li><ahref="#">menuitem</a></li></ul></li><li><ahref="#">item></a><ulclass="menu"><li><ahref="#">menuitem</a></li><li><ahref="#">menuitem</a></li><li><ahref="#">menuitem</a></li><li><ahref="#">menuitem</a></li><li><ahref="#">menuitem</a></li><li><ahref="#">menuitem</a></li><li><ahref="#">menuitem</a></li><li><ahref="#">menuitem</a></li><li><ahref="#">menuitem</a></li><li><ahref="#">menuitem</a></li><li><ahref="#">menuitem</a></li><li><ahref="#">menuitem</a></li></ul></li></ul></li></ul></body></html>
运转代码复制代码另存代码</p>
你的设计不仅仅用于web浏览器，也可以发布在其他设备上，比如PowerPoint。

只看该作者 · 发表于 2015-1-18 06:08:49

这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。

只看该作者 · 发表于 2015-1-24 15:13:34

所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

只看该作者 · 发表于 2015-2-1 19:59:21

足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓。

只看该作者 · 发表于 2015-2-7 16:21:48

Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。

只看该作者 · 发表于 2015-2-22 20:17:01

由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。

只看该作者 · 发表于 2015-3-7 03:24:18

帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

只看该作者 · 发表于 2015-3-14 11:24:48

滚动条)层属性--溢出(visible/hidden/scroll/auto)

只看该作者 · 发表于 2015-3-21 06:01:16

可以使用 CSS 检查工具进行设计。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] 来讲讲：仅用css编写无穷分级弹出菜单

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子