问题标签 [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.
php - PHP 生成 UL LI , UL LI
无法弄清楚如何使用 while 循环生成此菜单。
这是我的代码示例:
我的 dbtable 看起来像:
当从父级输入 == id 时,它应该是子菜单。在我的示例中,这是可行的,现在我必须使其具有动态性。大脑无法正常工作。
谢谢你的帮助!
使用代码从数据库获取数据:
css - IE7中Suckerfish下拉菜单对齐的儿子
我在我的网站上使用了 Suckerfish 下拉菜单的儿子。它在所有浏览器(包括 IE8 及更高版本)中看起来都很好,但是在 IE7 中,当我将鼠标悬停在按钮上时,下拉菜单不会出现在按钮下方。相反,它显示在按钮的右侧,如下图所示。
我真的不知道为什么 IE7 仍然存在,但是是的,客户仍在使用它。
这是图片:http: //i.stack.imgur.com/w1L95.png
这是我的 HTML
这是我的 CSS
css - 你如何创建一个右对齐的suckerfish菜单,其中顶部链接是可变宽度的?
我创建了一个 Suckerfish 之子 (http://htmldog.com/articles/suckerfish/dropdowns/) 基于 CSS 的导航菜单。左侧是普通的 Suckerfish,其中顶级导航条目与下拉菜单的宽度相同。
在我的菜单的右侧,我有几个小图标,用于显示帮助和选项等内容,这些图标也有下拉菜单。问题是我需要将它们右对齐,这样它们就不会离开页面,因为图标很窄并且向右浮动。
文字图片时间:)
我做的比较成功的是对包含下拉条目的内部应用负左边距:
有一个问题,它最终离得太远了:
一个简单的解决方案是将我的宽度基于 px 而不是 em 并将负左边距减少我的图标的宽度(16px),但这很hacky。它不会处理字体缩放。我想到的另一个技巧是使用 margin-left:-9em; 并使我的图标元素宽度:1em;但这似乎也有点不稳定。我希望有人有更好的主意!
jquery - jQuery Suckerfish 没有动画
我使用jQuery 和suckfish 插件作为菜单,但是当子菜单显示时我不想要任何动画。
我将速度设置为 0,但在主菜单悬停和子菜单之间仍有几毫秒。
我怎样才能完全禁用动画?
html - 如何制作和标签的尺寸与Suckerfish 下拉菜单?
- Suckerfish 下拉菜单?
我正在使用具有以下结构的 Suckerfish 下拉菜单,当我使用 Chrome 的开发人员工具检查 HTML 时,我发现标签和相应的标签都有自己的标签尺寸。这是有问题的,因为这实际上导致 比我页面上的其他按钮略大。这是我的意思的截图:http: //dl.dropbox.com/u/9191/Screenshots/lsuf.png
如您所见,按钮 3 比其他按钮大。理想情况下,我想让 Button 3 的大小与其他按钮相同。
这是标记:
css - Suckerfish 之子 CSS 导航菜单在 IE7 中不起作用
令人沮丧的是,我无法让 IE7 中的下拉菜单在父项下对齐。它们可以在所有其他浏览器中使用~包括 IE8~但是 IE7 ......
菜单的下拉部分显示在 ie7 中父项的右侧。
谁能帮忙?
这是CSS:
这是html:
太沮丧了……-肖恩
html - 吸盘鱼 - 当子项目悬停时,顶级项目不保持突出显示
嗨,我对吸盘鱼菜单有疑问,当鼠标悬停在下拉菜单和弹出菜单上时,我似乎无法弄清楚如何保持顶级菜单项突出显示...
这是CSS:
这是html:
有什么想法吗?
jquery - 类似时将子宽度设置为第一个父元素的宽度?
我正在研究一个吸盘式下拉菜单,其中包含不同大小的第一级项目(没有指定明确的宽度,即width: auto;
),然后有下拉菜单text-align: center;
。
为了不让它看起来很糟糕,下拉子元素的宽度应该与父 li 项目的宽度相同。唉,我的 jQuery-fu 显然缺乏,我似乎无法让它工作。或者,如果有人知道如何仅使用 CSS 来做到这一点,我会更加印象深刻。
菜单 HTML:
这是我的 jQuery:
我认为我的部分问题是当我需要最高级的.menu-item(即“ul li”,而不是“ul li ul li”)时,我正在选择最近的父 li.menu-item。知道我会怎么做吗?
非常感谢!
css - drupal zen 主题和漂亮菜单的 Firefox 渲染问题
我正在 Drupal 上构建一个站点,使用基于 zen 主题的自定义主题,并使用 nice menus 模块生成一个水平的suckerfish 下拉菜单之子。我的横向漂亮菜单块在所有浏览器(甚至在 IE 中!)中都能出色地工作,但似乎在 Firefox 中中断,这是非常不寻常的。
二级菜单应该直接下拉到顶级菜单项的下方,它在除 Firefox 之外的所有浏览器(我目前使用的是 9.0.1)中都有。当我在 Firefox 中打开第二级菜单时,第二级菜单显示在第一个菜单下方(应该如此),但左对齐到其父菜单的左侧,而不是在其父菜单项下方对齐。有任何想法吗?
javascript - 如何反转吸盘菜单的方向(下拉)
我在页面底部而不是顶部有一个导航栏。我正在尝试实现一个“下拉”吸盘菜单。我想用尽可能少的 javascript 来做到这一点。我当前的代码如下,可以作为下拉菜单正常工作。有没有办法扭转它?
这是我的代码:
感谢所有帮助。谢谢!