Dropline menu without JS

I’ve been searching for a dropline menu without JS – but without any luck. I’m trying to build a menu like the one on vimeo.com
, but the most tutorials about making a dropline is using something like this:

.submenu { display:none; }
li.item:hover > .submenu { display:block; }

Insted I would like to use overflow:hidden; to show the submenu. Something like this: http://jsfiddle.net/tuplet/Jv77L/

In this example I’ve used jQuery to determine the height of #top from 40px to 80px when you hover a list item. This is actually my main problem because I don’t know how to do this without jQuery? How can I make the #top height change when hovering a li?

I don’t know if it’s possible (or the best way) but let me know if you have an idea :)


Problem courtesy of: Emil

责编内容来自:CSS3 Recipes (源链) | 更多关于

本站遵循[CC BY-NC-SA 4.0]。如您有版权、意见投诉等问题,请通过eMail联系我们处理。
酷辣虫 » 前端开发 » Dropline menu without JS

喜欢 (0)or分享给?

专业 x 专注 x 聚合 x 分享 CC BY-NC-SA 4.0

使用声明 | 英豪名录