css下拉菜单 [英] css dropdown menus

查看:58
本文介绍了css下拉菜单的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我对> 中描述的css下拉菜单技术有疑问http://www.alistapart.com/articles/horizdropdowns/ 。基于html列表,

它在第一个订单列表中有一些项目,并且当将鼠标悬停在第一个订单中的项目时,右边会显示第二个订单列表




任何人都想知道如何修改以达到大于2的n阶?有点棘手我发现了
。我可以得到其他订单,但是当它们在第一个订单上空盘旋时,它们都出现了,而所需要的是第二个订单项目

在特定订单之前徘徊第三个订单列表甚至出现了

更靠右边...


chart43

解决方案

chart43写道:

我对
中描述的css下拉菜单的技术有疑问 http://www.alistapart.com/articles/horizdropdowns/ 。基于html列表,
它在第一个订单列表中有一些项目,并且当将鼠标悬停在第一个订单中的项目时,其他第二个订单列表显示在右侧。
有人想出如何修改到大于2的n阶?有点棘手我发现了。我可以得到其他订单,但是当它们在第一个订单上空盘旋时它们都出现了所需要的是第二个订单项目需要在第三个订单列表出现之前被徘徊,甚至
进一步向右...




我在我的网站上使用三级菜单< http://matt.blissett.me.uk/>


虽然CSS并不整洁,但我打算用菜单制作一个简单的版本只需

。但也许它会有所帮助:-)


哦,我没有使用javascript的东西让它在IE中运行,IE得到了额外的

样式表。如果需要,可以轻松添加javascript。


HTH


-

Matt

----- =通过Newsfeeds.Com发布,未经审查的Usenet新闻= -----
http://www.newsfeeds.com - 世界排名第一的新闻组服务!

----- ==超过100,000个新闻组--19个不同的服务器! = -----


> chart43写道:

我对
中描述的css下拉菜单技术有疑问 http://www.alistapart.com/articles/horizdropdowns/ 。基于html列表,
它在第一个订单列表中有一些项目,并且当将鼠标悬停在第一个订单中的项目时,其他第二个订单列表显示在右侧。
有人想出如何修改到大于2的n阶?有点棘手我发现了。我可以得到其他订单,但是当它们在第一个订单上空盘旋时它们都出现了所需要的是第二个订单项目需要在第三个订单列表出现之前被徘徊,甚至
进一步向右...



我在我的网站上使用三级菜单< http://matt.blissett.me.uk/>

CSS并不整洁,我打算用菜单做一个简单的版本。但也许它会有所帮助:-)

哦,我没有使用javascript的东西让它在IE中工作,IE获得了额外的样式表。如果需要,可以轻松添加javascript。

HTH

- > Matt



感谢这个Matt,我们会尽快仔细查看代码。我注意到它

在IE中不起作用(我个人希望我的网站能像许多人一样使用这个

浏览器,甚至是版本5)。我注意到在我的Mozilla中,它的工作方式与你想要的时间相同,但我也注意到你对标题的注意。在你的HTML代码中

导致同样出现在菜单项上并模糊它们(和

不像在IE中,标题鼠标弹出我的Mozilla是不是暂时的)


chart43写道:

[matt]

chart43写道:

我对css下拉菜单的技术有疑问
http://www.alistapart.com/articles/horizdropdowns/
...


我在我的网站上使用三个级别的菜单< ; http://matt.blissett.me.uk/>



感谢您的Matt,我们会尽快仔细查看代码。我做了
注意它在IE中不起作用...




相反 - ISTM,IE用户在
马特的网站,这可以说是许多其他下拉菜单。


-

William Tasso


I have question about the technique for css dropdown menus described in
http://www.alistapart.com/articles/horizdropdowns/. Based on an html list,
it has a few items in a 1st order list and further 2nd order lists that
appear to the right when hovering over items in the 1st order.

Anyone figured how to modify to go to n order greater than 2? Bit tricky I
found. I could get the other orders but they all appeared when hovering over
the 1st order whereas what is needed is for the 2nd order item concerned to
be hovered over specifically before the 3rd order list appears yet even
further to the right...

chart43

解决方案

chart43 wrote:

I have question about the technique for css dropdown menus described in
http://www.alistapart.com/articles/horizdropdowns/. Based on an html list,
it has a few items in a 1st order list and further 2nd order lists that
appear to the right when hovering over items in the 1st order.

Anyone figured how to modify to go to n order greater than 2? Bit tricky I
found. I could get the other orders but they all appeared when hovering over
the 1st order whereas what is needed is for the 2nd order item concerned to
be hovered over specifically before the 3rd order list appears yet even
further to the right...



I use three levels of menus on my site <http://matt.blissett.me.uk/>

The CSS isn''t tidy though, I''m going to make a simple version with just
the menus. But maybe it will help :-)

Oh, I don''t use the javascript thing to make it work in IE, IE gets an
extra stylesheet. The javascript can be added easily if required.

HTH

--
Matt
-----= Posted via Newsfeeds.Com, Uncensored Usenet News =-----
http://www.newsfeeds.com - The #1 Newsgroup Service in the World!
-----== Over 100,000 Newsgroups - 19 Different Servers! =-----


> chart43 wrote:

I have question about the technique for css dropdown menus described in
http://www.alistapart.com/articles/horizdropdowns/. Based on an html list,
it has a few items in a 1st order list and further 2nd order lists that
appear to the right when hovering over items in the 1st order.

Anyone figured how to modify to go to n order greater than 2? Bit tricky I
found. I could get the other orders but they all appeared when hovering over
the 1st order whereas what is needed is for the 2nd order item concerned to
be hovered over specifically before the 3rd order list appears yet even
further to the right...



I use three levels of menus on my site <http://matt.blissett.me.uk/>

The CSS isn''t tidy though, I''m going to make a simple version with just
the menus. But maybe it will help :-)

Oh, I don''t use the javascript thing to make it work in IE, IE gets an
extra stylesheet. The javascript can be added easily if required.

HTH

--
Matt


Thanks for this Matt, will take a closer look soon at code. I did notice it
does not work in IE (personally I want my sites to as so many folk use this
browser and even version 5). I noticed in my Mozilla it works much as you
intend though I also notice that your attention to "title" in your html code
results in the same appearing over the menu items and obscuring them (and,
unlike in IE, the title mouse over pop-up in my Mozilla are not temporary)


chart43 wrote:

[matt]

chart43 wrote:

I have question about the technique for css dropdown menus
described in http://www.alistapart.com/articles/horizdropdowns/.
...


I use three levels of menus on my site <http://matt.blissett.me.uk/>



Thanks for this Matt, will take a closer look soon at code. I did
notice it does not work in IE ...



On the contrary - ISTM that IE users get a useful/usable menu system on
Matt''s site, which is more than can be said for many other dropdowns.

--
William Tasso


这篇关于css下拉菜单的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆