Tag: 淡入淡出

.fadeTo无法延迟淡出: 试图将淡入淡出500延迟到1000，但是当我改变.fadeTo(‘500’, 1); to .fadeTo(‘1000’, 1); 褪色不是延迟。相同的时间，500到1000之间没有区别。 jQuery的： $(“.more-post”).one(“click”, function () { $(‘.bottom-post’).addClass(‘show-more’).fadeTo(‘500’, 0); setTimeout(function(){ $(‘.bottom-post’).addClass(‘show-more’).fadeTo(‘500’, 1); },4000); }); 这个Jquery很快就会消失，所以如何将延迟淡出更多.fadeTo(‘1000’, 1); 。想要褪色更慢。谢谢。

在hover时向背景图像添加淡入和淡出过渡: 我在页面的侧边栏中有一个简单的导航系统，你可以在这里看到。正如您可以看到当您将鼠标hover在侧边栏中的一个链接上时，背景图像会发生变化，因为我已在CSS中设置了不同的背景URL以hover。我正在寻找一种添加过渡效果的简单方法，以便hover背景图像淡入淡出。我尝试了几种jQuery方法但没有成功。我想知道是否有一种方法可以使用jQuery或其他方法向后台URL图像添加淡入淡出过渡，或者是否必须使用其他方法来获得过渡效果。谢谢，缺口

Div ID淡入淡出代码: 我是jQuery的新手。有人可以帮我解决我的2天问题。我只需要一个淡入淡出效果的示例代码，幻灯片。这是风格。这将是同一级别的3个Div 第一个div将显示6secs然后淡出2secs 在第一个淡出之前，第二个div会淡入2秒这将再次显示6secs然后淡出2secs。然后第三个div将以相同的方式消退2秒。显示6secs然后淡出2secs。然后他们将旋转或循环。谢谢你帮助我。编辑 – 评论中的相关代码 $(document).ready(function(){ function looptour(){ $(“#health”).hide(); $(“#billing”).hide(); $(“#pension”).delay(6000).fadeOut(2000); $(“#health”).delay(6000).fadeIn(2000).delay(6000).fadeOut(2000); $(“#billing”).delay(14000).fadeIn(2000).delay(6000).fadeOut(2000); $(“#pension”).delay(14000).fadeIn(2000,looptour); } looptour(); });

如何创建淡入加载效果，一个接一个的图像: 我已经从这个页面上的拇指加载效果中获得灵感，但老实说在每个拇指上都不知道如何创建这样的效果。谁能指出我正确的方向，甚至给我一些代码？我已经看到了一些其他相关的主题，但是那些将在一个接一个地加载许多图像的情况下不起作用。谢谢！

滚动时淡入新的背景图像: 当用户向下滚动页面时，我正在尝试将背景图像设置为fadeIn / fadeOut。从长远来看，我正在使用几张背景图像拍摄时间流逝效果。我已经在滚动时改变了背景图像，但我似乎无法让它们从一个到另一个渐渐消失。这是我到目前为止所得到的 – jsFiddle $(document).scroll(function () { if ($(this).scrollTop() > 1) { $(‘body’).css({ backgroundImage: ‘url(“http://sofzh.miximages.com/jquery/sun1_web.png”)’ }); } if ($(this).scrollTop() > 250) { $(‘body’).css({ backgroundImage: ‘url(“http://sofzh.miximages.com/jquery/sun2_web.png”)’ }); } if ($(this).scrollTop() > 500) { $(‘body’).css({ backgroundImage: ‘url(“http://sofzh.miximages.com/jquery/sun3_web.png”)’ }); } if ($(this).scrollTop() > 750) { $(‘body’).css({ backgroundImage: ‘url(“http://sofzh.miximages.com/jquery/sun4_web.png”)’ }); } });

jQuery随机淡入图像: 我有一个容器，有很多小图像。 … 我将不透明度设置为0.（不隐藏）然后我想在半秒后显示（淡入淡出）随机图像。例如，5日，1日，55日…… 任何建议，非常多

Jquery在翻转时改变图像与淡入淡出: 我目前正在使用下面的脚本来更改翻转时的图像。有许多图像需要应用此效果 – 每个图像都有自己的翻转图像。该脚本适用于翻转，但不适用于淡入淡出。我已经阅读了关于使用CSS和jquery来实现淡入淡出的效果： http ： //jqueryfordesigners.com/image-cross-fade-transition/ 但是，为100多个不同的图像编写CSS会是一个真正的痛苦！我只是想知道是否有人知道我做错了什么以及如何使脚本工作？ 🙂 $(function () { $(“img.rollover”).hover(function () { this.src = this.src.replace(“_off”, “_on”) }, function () { this.src = this.src.replace(“_on”, “_off”) }) }); $(“a img”).hover(function () { jQuery(this).stop().fadeTo(“fast”, 0.5); }, function () { jQuery(this).stop().fadeTo(“fast”, 1); });

阻止jQuery做它的事情？: 我有这个代码。 $(document).ready(function() { $(‘#box’).hide(); $(window).bind(‘scroll’, function(){ if($(this).scrollTop() > 200) { $(“#box”).fadeIn(300); } else { $(“#box”).fadeOut(300); } }); }); 因此，当我向下滚动200px时，它会显示div。当我向上滚动时，它会消失。这很好，直到我做了很多。如果我像一个疯子一样上下滚动，即使在我停下来之后，div也会不停地淡入淡出。这与此实例无关，它在过去发生了很多事情，我一直想知道如何解决它（通过让它尽快停止，而不是每次我上下滚动都这样做）。那可能吗？

使用jquery每隔10秒更改一个具有淡入淡出效果的div的背景图像: 我想在页面的标题区域中创建幻灯片。它应该每10秒更改一次背景图像，并具有漂亮的淡入淡出效果。而且由于我已经将jQuery用于其他东西，我也想将它用于此。所以我的标记只是：我的CSS目前是： #header { background: url(‘images/header_slides/slide_1.jpg’) no-repeat; } 所以现在我想要的是在10秒之后它将变为 #header { background: url(‘images/header_slides/slide_2.jpg’) no-repeat; } 具有良好的慢褪色效果。