问题标签 [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 投票
2 回答
1076 浏览

jquery - 一页上有几个jquery lavalamp菜单

我正在使用其中几个 jquery lavalamp 菜单 http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/?cp=16

在使用垂直缓动滚动的单个页面上。所以每次我滚动到我的下一个锚点时,都会有一个新的 lavalamp 菜单,其中有另一个初始状态为“li”,类为“current”。

例如,第一个 div-box #content1 包含以下内容:

在同一页面上的 div #content 2 中,我将拥有

一旦我按时间顺序单击链接,此方法就可以正常工作。但是,当我来回单击时,它会打乱最初由“li”类“current”设置的熔岩灯菜单的悬停状态。

例如:单击菜单一上的链接#content2 有效,目标菜单二的悬停状态很好,但是当我在第二个菜单上单击返回#content1 时,我的lavalamp 菜单一的悬停背景位于第二个链接上第一个 - 尽管其他 css 样式(例如粗体文本)仍在设置为“当前”的正确链接上。只是那块“熔岩”飘到了错误的地方。

我希望我试图解释的内容是可以理解的。有谁知道如何避免与一页上的多个菜单发生冲突?

谢谢!

0 投票
2 回答
209 浏览

jquery - jquery - lavalamp - 图像问题

我有这个菜单,我在其中使用 jQuery lavalamp 插件,但我有一个问题。我不在菜单中使用文本(经过测试,工作正常),但我使用图像。

现在我的问题是,当您清除缓存(ctrl+f5,或当您第一次访问该站点时)时,lavalamp 不会调整到图像的全宽。

http://www.spiritus-design.be

小伙伴们知道什么好技巧吗?

欢呼

0 投票
2 回答
1105 浏览

javascript - 悬停或单击 lavalamp jquery 菜单时如何更改链接颜色?

我正在为我的水平菜单使用 LavaLamp 脚本

http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/

活动或悬停的链接现在是灰色的。我想更改悬停(或单击)菜单项的颜色,如下所示:

http://screencast.com/t/WU02S3jF

HTML:

Javascript:

0 投票
2 回答
1305 浏览

jquery - 熔岩灯导航 jQuery Firefox

我的熔岩灯导航遇到了一个奇怪的问题。它是根据 Jeffrey Way 的熔岩灯教程改编的。熔岩灯的代码在底部。问题主要出现在 firefox(我使用的是 FF6)中,但偶尔也会出现在 Chrome 和 Safari(但不是 IE9)中:加载页面时,菜单项上方的橙色线有时太长且向右太多。当我将鼠标悬停在该项目上时,它会以它为中心并从一开始就保持原样。任何想法为什么会发生这种情况?position().left 和 outerWidth() 有什么奇怪的地方吗?反馈非常感谢!

0 投票
1 回答
611 浏览

javascript - jQuery Lavalamp问题:当点击链接并加载新的php内容时,滑块跳回原来的位置(新手Q)

我正在这里的网站上工作:http: //temminktrainingcoaching.nl/beta/

有一个 lavalamp 菜单,当您单击链接时,它会通过在 index.php 中包含 php 文件来加载页面(这是除徽标和菜单之外的所有内容)

结构大致如下:

问题:当单击菜单中的链接并加载新的 php 页面时,lavalamp 滑块跳回原来的位置,但它应该停留在单击的链接上。

我是 jquery 的新手,所以只是尝试一下:但我认为解决此问题的最简单方法是在每个单独的 php 文件中添加一段 javascript,将 lavalamp 滑块设置为正确的链接。

更多信息:我正在使用这个 lavalamp:http ://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/

0 投票
1 回答
966 浏览

jquery - 如何使用jquery为图像赋予熔岩灯效果

我在 div 元素中有大量图像,因此我需要为那些我无法获得的图像提供一些漂亮的熔岩灯效果,并遵循以下站点中的一些示例:

http://nixbox.com/projects/jquery-lavalamp/demos

谁能帮我吗?

这是我的代码:

这是我的熔岩效果 CSS 代码:

这是脚本:

0 投票
1 回答
1063 浏览

jquery - LavaLamp 菜单(jquery)链接不起作用

我想在我的站点中实现 LavaLamp 菜单样式。效果很好(到目前为止在 Chrome 中测试过),但是当我点击任何带有链接的元素时,它不会去任何地方。这是脚本:

我尝试添加活动:“a.default”标题:“a.lavaLamp-label”并且链接有效,但效果停止这样做。我还尝试添加 $('a').attr("target")获得相同的结果。有任何想法吗?这是我正在尝试的页面:http ://pasionesargentas.webatu.com/test4.php?id=4 谢谢!

0 投票
1 回答
691 浏览

javascript - 熔岩灯菜单 - 如何更改悬停框内的文本颜色

我已经使用 jQuery 实现了 Lava Lamp 菜单。我想知道是否可以更改悬停框内的文本颜色。
例如
,下面是默认的灯菜单,其中悬停框位于“主页”上,悬停框中文本的字体颜色为红色,而所有其他文本颜色为黑色

默认熔岩灯菜单

下面是悬停框在“社区”上移动的图像。请注意,悬停框内的文本颜色已更改为红色,所有其他文本颜色均为黑色。

悬停在社区上时的熔岩灯菜单 - 悬停框正在移动

下面是html片段:

先感谢您。

0 投票
1 回答
1018 浏览

jquery - jQuery MagicLine Navigation - 第一个链接上的线更大?

我想知道是否有人可以帮助我使用 jQuery MagicLine Navigation (http://css-tricks.com/jquery-magicline-navigation/) 解决这个问题

似乎是当页面加载时 li id="magic-line" 似乎总是比“主页”链接上的 10 px 大。当您将鼠标悬停在主页链接上时,该行会将大小缩小到应有的大小。

导航位于http://www.jonasbabrauskas.com/jncustoms

在 html 中,当鼠标悬停在顶部时,它似乎从 77px 的宽度移动到 58px 的宽度。当鼠标没有悬停在它上面时,有没有人可以解决我如何让它成为正确的大小?所有其他链接似乎都可以正常工作。我也尝试过使用 LavaLamp 插件并遇到同样的问题。我不知道是不是因为我用于导航的@font-face。

这是我的代码。谢谢你。

jQuery

HTML

CSS

0 投票
3 回答
839 浏览

jquery - jQuery 兼容性问题

我正在尝试使用我在http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/找到的菜单动画小插件

但是,我想将它与最新版本的 jQuery 一起使用。但是,动画不适用于最新版本。谁能告诉我为什么以下内容适用于 jQuery 1.5 及以下版本,但现在适用于它以上的版本?