复杂的菜单 [英] Complex Menus
问题描述
我需要了解更多关于制作两种菜单的信息：
A.层级为三层或四层的菜单
B.水平菜单有这么多它们比
可用空间更宽的选项
任何人都可以指导我阅读文章，示例或其他资源说明
这该怎么做？我更愿意继续使用仅限CSS的解决方案，但是如果这是使用Javascript的解决方案，那么这将是我想要做的唯一现实的方式。
关于要求A：
偶尔，我必须提供相当深度嵌套的信息
在一个网站内。例如，在我正在开发的网站上，在菜单的最高级别
，我有一个名为服务的选项。当
用户点击服务时，他们应该得到一个菜单，其中一个选项是新闻简报。当用户点击简报时，他们应该获得另一个列出年份的菜单，例如： 2007年，2008年，2009年。当用户点击所需的年份时，他们应该获得该年度
时事通讯的问题列表;当他们点击所需的问题时，它会显示
。如果问题包含多个页面，则它们应该是
能够使用控件来进入下一步和前一个页面。
关于要求B：
有时，有很多选项在逻辑上属于同一个
横向菜单，他们根本不适合在一条线上给定空间
可用。例如，鉴于同一个
问题中的12期简报，甚至使用相当小的字体标签，菜单也可以为现有的b / b宽b $ b空间。如果时事通讯开始频繁发布更多
，那么会有更多标签。我假设有人已经想出如何使菜单很好地包装 - 就像他们在我的电脑/属性中所做的那样 - 例如Windows中的
- 在网页中。
-
犀牛
rhino写道：
我需要了解更多关于制作两种菜单的信息：
A.层级为三层或四层的菜单
我假设你的意思是飞出菜单。一定要雇用一个有电机控制缺陷的原型测试员。对于没有残疾的人来说，四个级别的深度
将是困难的。就个人而言，我根本不会像他们一样b $ b。
B.水平菜单有很多选项，比他们更宽
可用空间
IMO，水平菜单不应该有超过六个项目。
如果不能保持狭窄，请使用左侧的垂直菜单。添加
月到一个水平菜单不是一个好主意。
任何人都可以指导我阅读文章，示例或其他资源说明
如何做这个？我更愿意继续使用仅限CSS的解决方案，但是如果这是使用Javascript的解决方案，那么这将是我想要做的唯一现实的方式。
使用
服务器端处理可以很容易地为页面组使用单独的菜单文件。加上一个相当小的CSS文件。
永远不要依赖JavaScript来呈现菜单。大约10％的访问者将会被公司防火墙禁用或剥离。
-
-bts
-朋友不要让朋友驾驶Windows
在文章< g1 ********** @ news .datemas.de>，
" rhino" < No *********************** @ anonymous.comwrote：
我需要了解有关制作两种菜单的更多信息：
A.具有三级或四级层次结构的菜单
B.具有如此多选项的水平菜单，它们比
可用空间
在开始之前，也许你可以阅读ci的线程名为
" tab键和伪类选择器
-
dorayme
rhino写道：
我需要了解更多关于制作两种菜单的信息：
A.层级为三层或四层的菜单
B.水平菜单有很多选项，比
可用空间更宽
任何人都可以指导我阅读文章，示例或其他资源说明
如何做到这一点？我更愿意继续使用仅限CSS的解决方案，但是如果这是使用Javascript的解决方案，那么这将是我想要做的唯一现实的方式。
...
我刚刚在<
http://www.netwiz.com.au/home.html >。 />
一些测试页面仍在（虽然菜单链接无处可寻）：
< http://www.netwiz.com.au/testarea/testpage。 htm xhtml 1.0
< http://www.netwiz.com.au/testarea/testpage2。 htm html 4.01
testpage3.htm，testpage4.htm和testpage5.htm有点破解试用
实现显示非gif按钮。这些链接可能会在一个月内消失。
我的灵感主要来自Steve Gibson的GRC网站<
< a rel =nofollowhref =http://www.grc.com/menudemo.htmtarget =_ blank> http://www.grc.com/menudemo.htm >，以及他在那里有一些链接你可以跟随，但是，当我看到<
http://meyerweb.com/eric/css/edge/popups/demo.html >
跟随史蒂夫，我认为我的这个菜单系统的变体（而不是它的b / b
）作为公共领域。 （我会敲一下
，在一两个月内更清楚地说出来），所以随时可以抓住
CSS并使用它。 （如果你这样做会很好的联系回来。）
我设法让它通过W3C css验证器，但仍然有它
工作在IE5.5，IE6，IE7，FF1.5 FF2.0，OP9.2，SF3.3和最新的
KQ中，虽然有一两个黑客。
I need to learn more about making two kinds of menus:
A. menus that have hierarchies of three or four levels
B. horizontal menus that have so many options that they are wider than the
available space
Can anyone direct me to articles, examples, or other resources illustrating
how to do this? I''d prefer to stay with CSS-only solutions but would
consider solutions that use Javascript if that is the only realistic way to
do what I want to do.
With respect to requirement A:
Occasionally, I have to present information that is fairly deeply nested
within a site. For example, on the site I''m currently developing, at the
highest level of the menu, I have an option entitled "Services". When the
user clicks on Services, they are supposed to get a menu, one of whose
options is "Newsletters". When the user clicks on Newsletters, they should
get another menu that lists the years, e.g. 2007, 2008, 2009. When the user
clicks on the desired year, they should get a list of the issues of the
newsletter for that year; when they click on the desired issue, it gets
displayed for them. If the issue contains more than one page, they should be
able to use controls to get to "Next" and "Previous" pages.
With respect to requirement B:
Sometimes, there are a lot of options that logically belong on the same
horizontal menu and they simply don''t fit on one line given the space
available. For example, given the twelve issues of a newsletter in the same
issue and even using a fairly small font for the tabs, the menu can be too
wide for the existing space. If the newsletter starts getting published more
frequently, there would be even more tabs. I assume that someone has figured
out how to make menus wrap nicely - like they do in My Computer/Properties
in Windows for example - in web pages.
--
Rhino
rhino wrote:
I need to learn more about making two kinds of menus:
A. menus that have hierarchies of three or four levelsI assume you are meaning "fly-out" menus. Be sure you hire a tester of
your prototype who has motor-control deficiencies. Four levels deep
would be difficult for someone without a disability. Personally, I don''t
like them at all.
B. horizontal menus that have so many options that they are wider than the
available spaceIMO, a horizontal menu shouldn''t have any more than half a dozen items.
Use a vertical menu on the left if you can''t keep it that narrow. Adding
"months" to a horizontal menu isn''t a good idea.
Can anyone direct me to articles, examples, or other resources illustrating
how to do this? I''d prefer to stay with CSS-only solutions but would
consider solutions that use Javascript if that is the only realistic way to
do what I want to do.Using separate menu files for groups of pages would be easy to do with
server-side processing. Plus one rather small CSS file.
Never depend on JavaScript to present a menu. ~10% of your visitors will
likely have it disabled or stripped by a corporate firewall.
--
-bts
-Friends don''t let friends drive Windows
In article <g1**********@news.datemas.de>,
"rhino" <No***********************@anonymous.comwrote:
I need to learn more about making two kinds of menus:
A. menus that have hierarchies of three or four levels
B. horizontal menus that have so many options that they are wider than the
available spaceBefore starting this, perhaps you might read the thread at ciwas called
"tab key and pseudo class selector
--
dorayme
rhino wrote:I need to learn more about making two kinds of menus:
A. menus that have hierarchies of three or four levels
B. horizontal menus that have so many options that they are wider than the
available space
Can anyone direct me to articles, examples, or other resources illustrating
how to do this? I''d prefer to stay with CSS-only solutions but would
consider solutions that use Javascript if that is the only realistic way to
do what I want to do.
...I have just done something like this (this being pure CSS menus) at <
http://www.netwiz.com.au/home.html >.
Some test pages which are still up at (though the menu links go nowhere):
< http://www.netwiz.com.au/testarea/testpage.htm xhtml 1.0
< http://www.netwiz.com.au/testarea/testpage2.htm html 4.01
testpage3.htm, testpage4.htm and testpage5.htm are somewhat broken trial
implementations to show non gif buttons. These links will probably be
gone in a month.
My inspirations were drawn mainly from Steve Gibson''s GRC site <
http://www.grc.com/menudemo.htm >, and he has some links there you could
follow, though, I first thought about doing this when I saw <
http://meyerweb.com/eric/css/edge/popups/demo.html >
Following Steve, I consider my variation of this menu system (as opposed
to the specific images in it) as public domain. (I''ll knock something
up to say this more clearly in a month or two), so feel free to grab the
CSS and use it. (It would be nice to link back if you do).
I managed to get it to pass the W3C css validator, and still have it
work in IE5.5, IE6, IE7, FF1.5 FF2.0, OP9.2, SF3.3 and the very latest
KQ, though with one or two hacks.
这篇关于复杂的菜单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
