问题标签 [lavalamp]

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 投票
3 回答
2129 浏览

javascript - jQuery 熔岩灯悬停 (CSS)

我的熔岩灯导航基本上可以工作,但我有一个小问题。

我正在使用这个LavaLamp 菜单插件,并试图让我的导航看起来像这样:

在此处输入图像描述

所以我让它工作了,除了我遇到的问题是当熔岩灯图像不在它们上面时我需要链接是一种颜色(黑色),而当它是白色时。悬停可以正常工作,但问题来自类电流(熔岩灯悬停效果默认为类电流)。

如果我将当前类的链接设置为白色,即使您将鼠标悬停在不同的导航链接上,该链接也会保持白色。

我假设一些简单的 JavaScript 可以解决这个问题,但我对此并不了解,如果有人能与我分享解决方案,我将不胜感激。

0 投票
1 回答
874 浏览

jquery - jQuery 水平列表滑块 - LavaLamp

我一直在尝试从 Hitmo 网站重新创建“预算”滑块:http: //hitmo-studio.com/contact.html#budget-panel-container

但我不能让它像 Hitmo 滑块一样顺利运行:http: //jsfiddle.net/XNBMr/1/

我需要的东西:

  • 更流畅的动画
  • 当标签上的“当前”为白色(无文本阴影)addClass时更改文本的颜色?
  • 不应选择“选择预算”
  • 单击选项时允许“蓝框”移动(仍然悬停时不会移动)
  • 当悬停离开蓝色框然后回到它上面时,下面的悬停样式会闪烁

我将不胜感激任何帮助。我觉得它非常接近,但我知道必须有一个更精简的方法,我希望它尽可能简单。谢谢!

0 投票
0 回答
419 浏览

jquery - bx 滑块 DestroyShow 与 jquery lavaLamp 冲突

我遇到了 BX Slider 与 LavaLamp 冲突的问题。

这就是我所在的地方。

首先,我设置了 lavalamp 菜单,

并且当我在 Wordpress 中时,我添加了一行,将“current”类添加到任何具有“current-menu-item”类的菜单项中。

这一切都很完美......

但是,我现在希望幻灯片仅在幻灯片超过 3 张时才能运行,因此我添加了代码:

我做了一些探索,当我把slider.destroyShow()线拿出来时一切都恢复正常了,谁能想到为什么会发生这种情况,或者用一种方法destroyShow来达到同样的效果?我假设当destroyShow命令运行时它会破坏 Lavalamp 插件中的某些内容。

提前感谢您的帮助。

0 投票
1 回答
950 浏览

jquery - 使用 Wordpress 使熔岩灯下拉菜单动态化的问题

经过大量的工作和一大堆的搜索和组合代码,我终于让我的熔岩灯下拉菜单导航工作(看这里: http: //lookseewatch.com/overflowexample/menu.html)。伟大的。

问题是:我一辈子都无法使用 Wordpress 菜单 (wp_nav_menu)。我一直无法让 wp_nav_menu 生成与我当前的硬代码相同的标记。我还需要这个<div id="box"><div class="head"></div></div>INSIDE of " <ul class="nav">." wp_nav_menu 不允许我这样做,因为它会生成包含 ul 类等等。

所以在尝试了几个小时不同的事情之后,我就是无法得到它。如果你去这里http://lookseewatch.com/independentinsurance/你会看到两个导航空间大约 300 像素。第一个是硬编码版本,第二个是由 wp_nav_menu 生成的。我已经更改了 css 以使用第二个导航,所以顶部有点有趣,但你会注意到“魔术线”遵循两个版本的导航,我认为这很有趣。我只是不知道如何让它低于动态版本。第二个问题是,当您将鼠标悬停在第二个导航上的“保险服务”上时,一切都很好,然后您将鼠标悬停在“商业保险”上并出现 3 个新的下拉菜单,当您悬停或单击其中一个选项时,它们迅速消失。

这是我的 navigation.js 的代码

我认为问题在于我如何瞄准第二或第三层次。

无论如何,我感谢您的帮助。我需要想办法解决这个问题,所以如果您有任何建议,请随时提出。另外,如果我需要提供任何代码片段,我很乐意提供。任何解决此导航的方法。

0 投票
1 回答
221 浏览

drop-down-menu - JQuery Lava Lamp Drop Down 被幻灯片覆盖并在调整浏览器大小时错误地更改位置

因此,在使用此导航解决了许多其他问题之后。我有两个最后的小问题。

第一个,更重要的是要修复,当下拉列表落下时,它会被包含在网格中的 div 切断。相反,它需要“浮动”在这个网格之外和下面的幻灯片上。不知道该怎么做。查看问题http://lookseewatch.com/independentinsurance/

我故意将高度设置为 50px 以显示问题,如果没有高度,或者高度设置为自动,则下拉菜单甚至不显示。

这是一个代码片段

第二个问题是您悬停的位置后面的蓝色条。它的起点绝对是位置

所以当网页加载时,它工作得很好,但是当你调整窗口大小时,“魔术线”停留在同一个地方而不是随着导航移动。当您将鼠标悬停在其他链接上时,它会转到正确的位置,但是当它返回到原始位置时,它会完全关闭,具体取决于浏览器大小的变化程度。您可以在上面的链接中看到问题,并将浏览器的一角拉进去。

如果我需要为任何一个发布任何 CSS,请告诉我。

谢谢!

0 投票
0 回答
117 浏览

jquery - lava style menu - no attached li at last

I need to make a lava menu style menu but instead of the blob shown in nettuts+ I'm trying to get a custom pointer to move horizontally (animated) when the cursor hovers over the <li> elements.

I'm unable to get the pointer at the end of the <li> list.

Also will the pointer still work if I use only a single page and just change the content dynamically using Jquery ajax, instead of having separate pages for different <li>?

0 投票
2 回答
4533 浏览

jquery - jquery 悬停选择器 - 另一种方式

我有一组这样的菜单:

我为此添加了lavalamp效果。当我将鼠标悬停在任何菜单上时,lavalamp 背景会移动到悬停的菜单上,如果菜单未悬停,它将移回当前菜单。

问题是,当我将鼠标悬停在子菜单中时,它被认为没有悬停在菜单上,因此 lavalamp 背景移回当前菜单项。为了防止这种情况,我在 jquery.lavalamp.js 中添加了一个悬停选择器,如下所示:

而 move(this) 是将 lavalamp 背景移动到悬停菜单的功能。它适用于除 IE 之外的所有浏览器。lavalamp 背景不会移动,并且有一个名为“不支持的伪:悬停”的 javascript 错误。我在 jquery 站点中进行了搜索,但它没有名为 :hover 的选择器。

有没有其他方法可以替换上面的 :hover 选择器?任何帮助,将不胜感激。

0 投票
1 回答
332 浏览

jquery - jQuery LavaLamp 菜单选择

我相信你们中的许多人都知道 jQuery LavaLamp:http ://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/

我知道如果我想手动选择选择哪个选项,我可以使我的 li 标签的 class="current" ,但他们是我可以根据地址栏中显示的参数选择选择哪个菜单项的一种方式(即 index.html#page-1、#page-2、#page-3...)。

感谢任何可以帮助我的人!

0 投票
1 回答
639 浏览

javascript - Jquery 冲突,一个脚本不能与另一个脚本一起使用

我有用于菜单的 jquery 脚本和其他用于图库的脚本,如何使它们都工作?下面是我的代码

我在 li 元素上也有一些扩展框问题,解释如下:

任何不适合固定宽度或高度框的内容都会导致框扩展以适合内容,而不是让内容溢出。

影响:Internet Explorer 6.0 可能性:可能

还有双浮动边距错误错误:

当在浮动方向的同一侧对浮动框应用边距时,边距加倍。此错误仅影响一个或多个浮动行中的第一个浮动。

影响:Internet Explorer 6.0 可能性:很可能

非常紧急,请帮忙!

菜单栏的脚本

画廊脚本

0 投票
3 回答
593 浏览

jquery - 熔岩灯菜单网址不起作用

我的熔岩灯脚本有问题。一般来说 - URL 不起作用。它们在 html 中看起来不错,所以我认为它必须是一个 jQuery 代码,它可以锁定页面内的所有内容。你能看一下,让我知道它有什么问题吗?这个问题让我抓狂。谢谢。此处的 HTML 代码 - 对我来说看起来不错:

然后在源代码中包含指向 .js 文件的链接的实际页面: LINK TO THE ACTUAL PAGE -请查看源代码和 jquery.lavalamp.min.js - 这可能是有问题的代码