问题标签 [suckerfish]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
9 回答
2659 浏览

css - CSS 下拉菜单 - “最佳”?功能最丰富?

不幸的是,我不得不在我正在构建的网站上实现下拉级联菜单。我正在寻找一种 Suckerfish 风格的解决方案,它主要基于 CSS,并且适用于一组简单的嵌套 UL 和 LI。

Suckerfish 的儿子似乎是要走的路,但我不喜欢它在您将鼠标移开的那一刻就消失的方式,因为协调困难的用户将在导航网站时做噩梦(或者只是不打扰,但是因为它是一个公司网站,所以有些人可能不得不使用我实施的任何东西)。

欢迎我什至没有想过需要的简洁功能,但我正在寻找的两个主要元素是:

  1. 使用嵌套 UL/LI 结构的多级
  2. 当菜单“mouseout”时消失之前的小(可能可配置?)延迟,即使它是由一些额外的 JavaScript 提供的。
0 投票
2 回答
2229 浏览

javascript - “Suckerfish 之子”CSS 菜单 - 子菜单在 IE7 中未关闭

尽管我最有说服力的呼声与此相反,但我最近被迫实施了一个水平下拉导航系统,所以我选择了我能找到的最友好的一个 - Suckerfish 之子

我在机器上的各种浏览器中进行了测试,一切似乎都很好。但是,一些(但不是全部!)IE7 用户遇到了一个问题,即子菜单在悬停后没有关闭。最烦人的是,受影响的用户正在使用与我完全相同的 IE7 版本(7.0.5730.13),在同一操作系统上使用相同的隐私和安全设置(我什至让他们发送 Internet 选项中选项卡的屏幕截图) (XP)。我无法验证 Vista 是否受到影响。

显然尝试调试这个问题是一场噩梦,因为我无法复制它,所以我想知道这里是否有人可以并且可能知道如何解决它。我在这里设置了一个示例页面:

http://x01.co.uk/menu_test/

此外,在我也尝试解决但没有成功的子项目的翻转时会出现烦人的闪烁,因此也将不胜感激。

0 投票
1 回答
154 浏览

css - 需要一点 CSS 建议

我为个人项目创建了一个修改版的吸盘鱼导航。它的外观和性能完全符合我的要求。但是,它在 IE 中完全降级。我昨天花了一整天的时间试图找到一个没有运气的解决方案。所以我想我会问一些比我自己更敏锐的头脑。我现在对任何事情都持开放态度。就目前而言,该页面是有效的 HTML 和 CSS。

提前致谢。

导航可以在这里找到:
http ://rachalconsulting.com/assets/samples/

样式表在这里:
http ://rachalconsulting.com/assets/samples/style.css

0 投票
1 回答
1837 浏览

jquery - Suckerfish CSS 菜单之子 - 顶级菜单在子菜单悬停时保持活动状态

当我将鼠标悬停在菜单项子菜单上时,我正在寻找一种方法来保持顶级菜单项处于悬停或活动状态。

可以在这里找到一个示例:http ://marketplace.prettypollution.com - 将鼠标悬停在“新闻”菜单项上(BG 将变暗)然后导航到子菜单以显示 -“新闻”项将变回正常状态.

0 投票
3 回答
1358 浏览

css - CSS,div 后面的菜单

嘿伙计们,我在使用 IE7 时遇到问题,我的菜单总是掉到它所在的 div 后面。

代码:(style.css)

html文件:

提前致谢!

0 投票
6 回答
1721 浏览

css - flash后面的下拉菜单

大家好,我的网页中有一个简洁的下拉菜单和一个 flashfile。现在,当我将鼠标悬停在菜单上时,它会展开。它在flash后面...问题仅在IE 7中

这是我的代码:

我已经添加了 wmmode 但它似乎没有帮助......

0 投票
2 回答
1082 浏览

html - Suckerfish CSS 菜单之子 - 子菜单未显示在菜单项下方

我设置了 Suckerfish 菜单,但是当我将鼠标悬停在菜单项上时,子菜单出现在屏幕左侧,而不是直接在我悬停的项目下方。

例如http://blacktownworkersgroup.worldsecuresystems.com/bwc09/events

当您将鼠标悬停在“事件”上时,子菜单应该出现在该项目下方。

它在 Safari 和 Chrome 中正常工作,但在 IE7、Firefox 3、Opera 中不正常。

0 投票
1 回答
470 浏览

css - CSS Suckerfish 和活跃的顶级项目

大脑在这里冻结。

我想要做的是让 Suckerfish 下拉菜单链接在下拉菜单中的当前页面以及顶部项目上处于活动状态。

即下面,在“文章”菜单项中,我希望在 Categoryone 或 Categorytwo 处于活动状态的同时激活顶部项目“文章”。(档案是一个单级菜单项,包括在这里仅供参考。)

我设置了 php 以生成带有页面标题的正文标记,因此页面 Categoryone 的正文标记是<body id="Categoryone">

HTML:

CSS:

如果我将其放入 #Articles #Articles-menu a 尝试使文章处于活动状态,则下拉列表中的所有链接都处于活动状态。

0 投票
2 回答
514 浏览

html - 保持在吸盘鱼垂直中突出显示更高的菜单

我看过这个问题,但我似乎无法将答案应用于我自己的菜单。我的 Suckerfish 菜单基本上是这样的(http://htmldog.com/articles/suckerfish/dropdowns/example/vertical.html),我自己做了一些颜色调整/字体调整/并清除了边框桌子。我怎样才能做到这一点,以便当您在选择的选项中移动时,您所经历的所有内容都保持突出显示,以便您知道您选择了哪些选项以到达您所在的位置?我已经对它附带的所有样式进行了反复试验,例如#nav、this 和#nav、that,但它们似乎都没有同时引用一个嵌套列表项的所有先前菜单。

我几乎一直在自学这个,所以我试图在我的问题中尽可能清楚,希望我有道理!!!

太感谢了!

0 投票
2 回答
532 浏览

html - Suckerfish之子IE6菜单问题

我的菜单下拉菜单“隐藏”在下拉菜单下方显示的内容后面。该菜单在 Firefox、Opera、Safari、IE8 中运行良好,但在 IE6 中却不行。

此页面上有一个示例 - http://marketplace.prettypollution.com/news-events,如果您将鼠标悬停在顶部菜单中的“联系我们”上,它会隐藏在以下内容后面。

有任何想法吗?