问题标签 [fadein]

我正在尝试使用下面的代码为我的页面内容创建一个 jQuery fadeIn 淡出效果。

因此，每当用户单击主链接或图库链接时，旧内容会淡出，新内容会淡入。我面临的问题是，对于每个链接，我都必须一遍又一遍地重复相同的代码。所以我尝试使用循环来简化它，但它不起作用。这是我的代码：

当我为每个链接编写重复脚本时它工作正常，但当我将它们组合成一个循环时它不起作用。我只得到 FadeOut 效果，之后什么也没有发生。

这可能是一个非常简单的问题，或者可能是 jQuery 的深层内容。非常感谢任何提示或帮助。

传统知识

这是我的代码-

html代码——

这很好，但是如何在图像更改期间设置一些翻转效果，因为现在它只是在鼠标悬停时通过闪烁来更改背景图像，我想要一些淡入淡出或其他东西......

我正在使用fadeIn 淡入我的BG DIV。

示例： http ://commonmovement.com/MIP/about-mip.html

这适用于除 IE 之外的所有浏览器，它只是“弹出”。不知道如何解决这个问题。

我尝试使用：

$('#main.about_main').css('filter', 'alpha(opacity=0)'); $('#main.about_main').fadeIn(2000);

但没有运气。

CSS：

#main { height:100%; width:100%; padding:0; }

#main.about_main {display: none;}

有人知道怎么修这个东西吗？

谢谢

我有一个正在更新的网页，这个页面使用 Prototype 和 Lightbox。我不想将当前页面更改为仅 jQuery，因为我不确定还有什么使用 Prototype 并且如果我不再包含 Prototype 会随后中断。

我的问题如下：

我有一些 TD，我想通过单击按钮淡入和淡出。当我暂时取出 Prototype 时，这非常有效。一旦我把 Prototype 放回去，fadeOut()jQuery 函数就完全中断了。我怀疑这是因为 Prototype 也有fadeIn()&fadeOut()功能。

有没有一种方法可以强制 Prototype 不将这些函数识别为它的函数，并且仍然让 jQuery 完美地执行它们？

这是我的 jQuery 代码：

任何帮助将不胜感激，并提前感谢。

我偶然发现了一些非常好的东西，我想在一些即将到来的项目中使用。

这是加载时的动画不透明度，或者您可以将其称为淡入。

我想知道你是否可以将一些元素链接在一起（例如 3），所以只有在完成element2时才开始，而在没有时才开始。2是？element1element3

或者你应该定义一个延迟element2并乘以延迟element3？

我有一个 jQuery 脚本，可以在其父容器内的容器之间淡入淡出。根据单击的按钮（设计、网页），它确定哪个容器 ( #design, #web) 淡出以及哪个容器在其位置淡入。

现在，关键就在这里，这两个容器（#design, #web）的高度不同，所以当我在这些容器之间淡出和淡入时，fadeIn()函数调用完成后页面会直接跳转到特定位置。该位置(x,y)与如果在父容器（即空容器）内没有容器 ( #design, ) 并且页面一直滚动到底部时页面的位置完全相同。#web

有没有其他人遇到过这个？非常感谢任何建议，因为这个问题一直困扰着我。

PS。我已经在 Firefox 和 Safari 中对此进行了测试，并且都显示了相同的问题。

// 编辑 1： 这是一个您可以查看的 URL：http ://toolboxstudio.co.za/version3/?page=packages

如果您想查看容器看起来如何是空的：http ://toolboxstudio.co.za/version3/?page=packages#empty ，然后您可以单击横幅下方的按钮（设计或 Web）。它将淡入正确的内容，并在两者之间切换。确保您的页面仅适合整个页面，其中包含空容器，页脚下方没有额外空间。然后单击按钮并向下滚动一小段，在两个按钮之间切换。你会明白我所说的页面跳转是什么意思。

这是代码：

我在侧边栏中有一个小的 JQuery Tabs 小部件，当页面加载时它会淡入淡出，谨慎地引起对自身和标签背后有趣内容的注意。

为了建立这种效果，如果各个选项卡可以一个接一个地淡入，那可能会很好。

可以做到这一点，如果可以，怎么做？

我很难在 IE（7 和 8）中很好地使用 jQuery fadeIn() 或 fadeOut() 来处理文本 div，如您在此示例中所见：http: //jsbin.com/etatu3/5 （请参阅这里的代码：http: //jsbin.com/etatu3/5/edit）

我做了一些研究，似乎是因为过滤器不透明度。

我尝试使用

但是当然没有用。我检查了hasLayout，它是真的。

是否有任何解决方案可以让文本在淡入淡出动画期间不出现锯齿，因为这样的大标题非常难看？

感谢您的回答:)

编辑：为了清楚起见，正如您在我包含的示例中看到的那样，我已经使用 removeAttribute('filter'); 这在动画之后完成，而不是在动画期间完成。

我有一个简单的 HTML 页面，以及一些在鼠标悬停事件上使用 jQuery 的基本 $(#element).fadeOut 方法的 javascript。我也使用 $(#element).hide() 方法。

但是我的页面焦点转移了！含义：如果我向下滚动一点，并将鼠标悬停在元素（切换脚本）上，脚本执行得很好，但我的滚动条立即上升，我失去了滚动到的位置。

我怎样才能解决这个问题？

这是我的代码：

淡入功能：

示例脚本调用：

编辑：添加了一些 HTML 代码

另外，我的一些css会导致这个问题吗？提前致谢