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

sifr - sIFR 和 LavaLamp 可以一起工作吗?

我有一段时间让 sIFR 和 LavaLamp 一起玩得很好。

LavaLamp 的简史:

LavaLamp:一个 jQuery 插件

  1. 加载 LavaLamp 和 jQuery 支持 JS 文件添加 LavaLamp css
  2. 创建一个未排序的列表并将“lavaLamp”类添加到其中
  3. 将包含锚标记的列表成员添加到 url

示例 CSS

示例 HTML:

让 sIFR 初始化菜单的最初尝试是将选择器设置为“选择器:'#menu'。这根本不起作用。慢慢地,我开始越来越深入地进入 div 的巢穴。

最后,当我这样做时:选择器:'.lavaLamp li a',LavaLamp 正确初始化并开始正确显示字体和翻转。

问题:

  1. 直接单击应处于活动状态的文本时,锚标记不起作用。但是,如果您单击 LavaLamp 用作翻转的图像的最左侧或最右侧,它将单击锚点。
  2. 当您滚动菜单中的其他项目时,有时当您将鼠标悬停时,最后滚动的项目会保持突出显示,而不是返回到当前活动的菜单项。

在此先感谢您的帮助...

-一个

0 投票
4 回答
3574 浏览

jquery - lavalamp jquery没有通过链接

我正在努力让我的 lavalamp 在我正在重新设计的网站上工作。jquery 和链接取自上一个站点,但是当您单击它们时它们不起作用。

请注意所有页面尚未完成,关于我们的页面在网站上进行检查

www.alwaystwisted.com/sandbox/stagecraft/index.html

有任何想法吗?

我确信这很简单,但对我来说仍然太复杂了。

提前致谢

斯图

0 投票
2 回答
4397 浏览

javascript - 让 Lavalamp jQuery 插件与下拉菜单一起使用?

我对jQuery Lavalamp 插件有疑问。它与单级菜单完美配合,但在添加下拉菜单后它会有点丢失。这就是我的意思:http ://screenr.com/0fS 。

当然,我想要实现的是当用户将鼠标悬停在子项目上时,lavalamp 背景留在投资组合项目上。

我想这是稍微改变插件的问题,所以这里是插件的完整代码。所需要的只是一种简单的方法,使 lavalamp 在<li>的孩子悬停时停止在当前阶段,然后恢复正常工作。这是完整的插件代码供参考!

提前致谢。

0 投票
1 回答
357 浏览

hover - 悬停以触发工具提示和菜单动画

如何组合对事件的操作。因此,悬停将为菜单设置动画并显示附加到该菜单项的工具提示。

我现在正在使用 lavalamp 和 beautytips 插件。

0 投票
1 回答
548 浏览

jquery - jQuery 熔岩灯般的效果到处弹跳!

我按照这里找到的教程添加了我自己的耀斑: 教程

我想要完成的是在列表项的左侧和右侧放置一个特定的图像。<li id="blob"></li>因此,我不只是在教程中创建的泛型,而是<li id="blob"><div class="blob-wrap"><div class="leftimage"></div><div class="rightimage"></div></li>为了实现我想要的特定效果。它工作得很好......除了如果我将鼠标悬停在列表项之一上,图像会尝试弹回“currentPageItem”。

这是一个 JS Bin 示例:http: //jsbin.com/odome

我需要做什么来修复它?jQuery 正在触发“hoverOut”函数(或任何你想调用的函数)。但为什么?

0 投票
3 回答
1746 浏览

jquery - JQuery lavalamp:按下lavalamp栏外的超链接时选择lavalamp内的焦点/突出显示项目

嗨,我希望有人可以帮助我解决 jQuery lavalamp 问题。

我有以下内容 - 使用 lavalamp 的菜单栏。- 单击菜单栏上的链接时加载内容的 div - 在我的内容 div 中,我有一些链接指向与菜单栏中相同的页面

菜单栏本身,看起来和工作都很棒。但是,当用户单击我的内容 div 中的链接之一时,我无法专注于/突出显示相应的菜单项“菜单选项”。

例如

当用户点击动态内容 div 中的第 3 项时,lavalamp 上的选择应该会改变。

有人对这个有经验么?

谢谢

0 投票
1 回答
780 浏览

javascript - Lavalamp下拉重叠

我正在尝试使用 jquery 的 lavalamp 插件并为其添加下拉功能。

下拉和 lavalamp 效果在此代码上都可以正常工作,除了我的问题是下拉扩展了 lavalamp 效果。

我确定问题出在css上,但我无法确定...欢迎任何提示或指示。

这是代码。

对应的css

连同我用于下拉菜单的 jquery。

0 投票
3 回答
1887 浏览

jquery - jQuery lavaLamp,对孩子行为不端

我一直在使用http://nixboxdesigns.com/projects/jquery-lavalamp/在我正在构建的一个新站点上使用导航菜单,它工作得很好,大惊小怪,然后我开始想知道我是否可以添加一些菜单的子导航选项并开始构建它。我遇到的麻烦是让 lavaLamp 插件忽略嵌套/子 ul/li 的。

您可以在此处查看该问题的实时示例:http ://www.weleasewodewick.com/redesign2 - 将鼠标悬停在“博客”li 上,然后悬停在弹出的子菜单上。

我不会发布插件的完整源代码,因为它很长,但您应该可以直接在此处查看它们:

lavaLamp jQuery 插件

http://www.weleasewodewick.com/redesign2/includes/jquery.lavalamp.js

菜单标记

熔岩灯激活

非常感谢您在这个问题上的意见:)

** 目的 ** 这个模型的最终归宿是一个 WordPress 模板,因此菜单的嵌套结构大多需要保持不变。

非常感谢 Foxed

0 投票
2 回答
2986 浏览

jquery - jQuery LavaLamp:如何使用 lavaLamp 外部的超链接在所需的 LI 上移动/设置 lavalamp 突出显示

现在这个问题已经被问过了,但我无法得到答案。我有一个内部有 4 个 LI 的 Lavalamp,单击它们中的每一个都会在 div 中加载一些内容。

一切正常。现在,我在该 lavalamp 之外的同一页面上的某处有一个超链接。我希望,当我单击该链接时,lavalamp 突出显示应该移动到特定的 li 并保持在那里。

为了清楚起见,我有一个 Lavalamp LI,它是这样的:家庭、工作、关于、联系方式。而且我在页面的某处还有一个“联系人”链接。当我单击“联系”链接时,lavaLamp 应该将突出显示从任何位置移动到第 4 个选项“联系”。

0 投票
1 回答
117 浏览

javascript - 在 JQuery 中强制重新加载

我正在使用来自http://nixboxdesigns.com/projects/jquery-lavalamp/的 Lavalamp 插件,除了使用后退按钮时有点怪异之外,一切似乎都运行良好。

例如:

  1. 如果您从主页开始,则悬停在主菜单下方。
  2. 单击一个新菜单项,悬停出现在其下方
  3. 单击浏览器的后退按钮,悬停不会返回到主菜单项,而是停留在之前单击的一项。

我需要找到一种在触发后退按钮时调用 Lavalamp 函数的方法。

希望在这里得到一些帮助