我所说的“爆炸”,指的是“菜单块看起来垂直扩展”,但你应该能明白我的意思。理论上,在鼠标悬停时,您可以更改元素的高度和偏移量(或宽度或其他任何数量的属性)。如果设置正确,您实际上可以拥有增长而不真正改变位置的对象。这有点像 Design Meme 的 Hoverbox 菜单。这可以为网页带来令人惊讶且有趣的视觉效果。此概念(显然)可以适应许多不同的用途。由于它完全使用 CSS 完成,因此它也相当轻量级且加载速度快。
与往常一样,请随时查看实时示例,下载、修改并根据需要使用。友情提示,我对 Photoshop 的使用不够细致,所以这里或那里有一些像素偏移。不过您应该能够修复它=),.psd 文件已包含在内。
我喜欢这个示例,但在 Internet Explorer 6.0 中不起作用,至少在我的测试中是这样。尽管我讨厌这个浏览器……[永无止境的争论随之而来]。
是的,在 IE 6 中崩溃了。我还没有完全解决这个问题。我认为 IE 不喜欢鼠标悬停时高度发生变化。不过我不知道为什么,这对我是个新问题。它不是伪类或任何其他东西……