鱼眼码头菜单

发表于 作者

Fisheye Dock Menu

通过一些不错的主题设计，来自 Interface 的 Fisheye 组件已经被改编为一个漂亮的“CSS 码头菜单”。它现在在设计博客和 Digg 上被广泛传播。

有关此菜单设计目的的更多信息可以在 开发者网站 上找到。

如果您是 Mac 的忠实粉丝，您一定会喜欢这个我设计的 CSS 码头菜单。它使用了 jQuery JavaScript 库 和来自 Interface 的 Fisheye 组件，以及我的一些 图标。它附带两种码头样式 - 顶部和底部。这个 CSS 码头菜单非常适合添加到我的 WordPress iTheme 中。在这里，我将向您展示如何在您的网页上实现它。

“鱼眼码头菜单” 的 10 条评论

  2. AMIGrAve 发表于 说：

    在一台 1Ghz 笔记本电脑上非常慢。

    Dojo 的那个快多了。

    希望有人能为 jQuery 制作一个好的（快速）版本，因为这个版本不可用。

  3. Matei "Ambient.Impact" Stanca 发表于 说：

    很棒的图标，但除此之外没有其他特别之处。我假设这个故事的发布是因为它推广了 jQuery？这总是件好事。

    否则，我对这个“CSS 菜单”有很多意见。

    1) 这个名字非常不准确，因为大部分效果都是通过 JavaScript 和内联图像完成的。几乎没有 CSS 参与，并且没有用于效果本身的 CSS。这会导致混淆（正如网站上一些评论中所见），认为它主要通过 CSS 完成。
    2) 为什么 $(document).ready(); 脚本块在 body 中？他并没有用这种方式来推广行为和结构的良好分离。在 中一样有效，而且更整洁。

    它看起来很棒，当然。我只是希望他把名字想得更清楚一点。就这样。

  5. Ty 发表于 说：

    我必须同意 Dave 的观点，在 Firefox 中关闭 js 后，我只能加载每个菜单右侧的最后一个链接。
    这不是什么大问题，另一个可降级的功能是在页面底部添加一个备用文本版本菜单并使用顶部样式的鱼眼。可用性是一个很滑的路，这里看起来很棒，但我拥有强大的处理能力和内存。也许它在性能较低的机器上会很慢，稍后我会在家用电脑上检查一下。

  6. John Farrar 发表于 说：

    它占用了太多的桌面空间。（我喜欢它……但我该如何让它在我直接悬停在某个项目上时才激活？如果我的鼠标在它附近，它上方的扩展区域就会触发它。激活后这就是我想要的，但当它缩小到更小的尺寸时，我希望它处于“等待”模式。

  10. Astericks 发表于 说：

    您好，

    我只是想知道如果我对码头进行相对定位，例如将其放置在页面中间（垂直方向），该怎么办。

    我意识到这可能是一个我需要弄清楚的 CSS 问题，但我想知道脚本是否与它有关。

    请告诉我。