Tag: fadeout

jQuery – 单击父元素（而不是父母子元素）时淡出？: 我的页面上有以下代码，我想要做的是当用户在#loginBox外部点击时，我想让整个#loginOverlay淡出。但是如果没有点击#loginBox触发的淡出，我就无法实现这种效果…… 它位于页面底部，我在页面上有一个触发淡入淡出的链接。但是淡出现在有点挣扎了。我试过这样做： $(“#loginOverlay”).click(function() { …fadeout… }); 但它给了我相同的结果。那有什么建议吗？提前致谢！ Login $(document).ready(function() { $(‘#loginOverlay’).css(‘display’, ‘none’); $(‘#loginToggle’).click(function() { $(“#loginOverlay”).fadeIn(200); }); $(“#loginBox”).parent().click(function(){ $(“#loginOverlay”).fadeOut(100); }); });

页面滚动时淡出文本: 我有这个基本的例子： http://www.mharrisweb.co.uk/tester.htm 无论如何，我可以让淡入淡出的文字略微滚动，以创建一个更流畅的tranisiton？喜欢这个网站： http://themetrust.com/demos/hero/ 非常感谢

鼠标hoverfunction在队列中多次出现: 我有这个代码在鼠标hover时淡化另一个代码，并在光标离开查看区域时淡出。示例： http ： //jsfiddle.net/3vgbemgu/ $(‘.under’).hover(function () { $(‘.over’).fadeIn(); }, function () { $(‘.over’).fadeOut(); }); 但是，如果用户快速多次将鼠标移动到该区域上，则动画会创建一个队列，这意味着div会一个接一个地淡入淡出。更明显的是，屏幕上有多个动画实例，或者淡入和淡出时间较长。如何在第一次出现动画时重新触发动画？

JQuery fadeOut（function（）{fadeIn}）;: 我的网页有问题。我有4个div，它们应该在淡出之后逐渐消失。我使用的代码是： $(‘.btn’).click(function(){ $(‘#box3’).delay(5000).fadeOut(‘slow’, function(){ $(‘#box4’).fadeIn(‘slow’); }); }); 使用＃box1>＃box2它可以工作，＃box2>＃box3它可以工作，但当我尝试从＃box3>＃box4有时#box3淡出然后淡入＃box4。我不知道为什么会这样做。谢谢， http://jsfiddle.net/chLRa/4/现在正在工作。有时当从3到4时，它仍会在3和4中消失

如何在fadeOut / fadeIn之前完成jQuery load（）？: 我想通过jQuery load（）进行AJAX调用，只有一次返回，然后fadeOut旧内容并淡入新内容。我希望旧内容保持显示，直到检索到新内容，此时触发淡出/输入。使用： $(‘#data’).fadeOut(‘slow’).load(‘/url/’).fadeIn(‘slow’); 内容淡入和淡出，稍后load（）调用返回，数据更新，但淡入淡出已经完成。

试图使一些div fadeOut然后被删除: 我正在尝试制作一些div fadeOut然后被删除。 $(“article.articles .thumb a”).click(function() { $(this).parent().parent().addClass(“selected”); $(“article.post”).not(“.selected”).fadeOut(500).delay(1500).remove(); $(‘#stream’).isotope(‘reLayout’); }); 但是这些div很快就会消失而不会褪色。我究竟做错了什么？

如何向下滑动div然后.fadeIn（）内容，反之亦然？: 目标当用户单击该按钮时，相关div将：滑下停淡出内容当用户再次单击该按钮时，div将：淡出停向上滑动当前位置这是一个fadeIn和fadeOut在正确的时间发生的例子，但fadeIn和fadeOut之前和之后都没有滑动效果 http://jsfiddle.net/tkRGU/1/ 此选项还有slideTogglefunction，但分别在幻灯片之前和之后没有出现fadeIn和fadeOut 。 http://jsfiddle.net/MY8DD/7/

jQuery – frollOut on Scroll / fadeIn on“scrollstop”: 我有一个div定位工作，它被滚动事件触发。滚动事件多次被触发会导致闪烁的div，会发生什么。我的计划是在没有更多滚动事件被触发时淡出该div并重新开始。如何检查滚动结束？我想到了超时滚动的组合，但实际上并没有像我希望的那样有效。这是我到目前为止所得到的。 $(document).ready(function(){ //var animActive = false; $(window).scroll(function() { /* if (animActive == false){ animActive = true; $(‘.mceExternalToolbar’).fadeOut(100, function () { $(‘.mceExternalToolbar’).fadeIn(3000, function () { animActive = false; console.log(“NOW”); }); }); } */ topParentx = $(‘#tinyMCEwrapper’).position().top; if ($(this).scrollTop() >= topParentx){ $(‘.mceExternalToolbar’).css(‘top’, ($(this).scrollTop()-topParentx) + “px”); } else { $(‘.mceExternalToolbar’).css(‘top’, “0px”); }; }); […]

Jquery fadeout文本包含一个文本框和textarea: 嗨这应该是一个非常容易的问题，但我被卡住了。是否可以淡出文本框和textarea中的文本并将实际元素保留在原位。我已经尝试淡出使用.html（）.val（）等，但文本所在的元素也总是褪色。

当jQuery滚动页面时，jQuery淡出元素，当它们向后滚动时淡出: 我希望元素在页面顶部滚动时淡出，然后在向后滚动到页面时淡入。我写了一些有用的代码，但我正在寻找更优雅的解决方案。这是我在jsfiddle上工作的解决方案： http ： //jsfiddle.net/wmmead/JdbhV/3/ 我想找到一个更短，更优雅的代码，但是不能完全解决它。也许有一个数组和each（）方法？如果我把一个类放在div而不是ID上，它会缩短很短的时间，但是它们会立刻淡出。我希望每个框在页面滚动时淡出。 HTML CSS #box1, #box2, #box3, #box4, #box5, #box6 { width: 100px; height: 100px; background: orange; margin:100px auto; } #box6 { margin-bottom:600px; } jQuery的 var box1Top = $(‘#box1’).offset().top; var box2Top = $(‘#box2’).offset().top; var box3Top = $(‘#box3’).offset().top; var box4Top = $(‘#box4’).offset().top; var box5Top = $(‘#box5’).offset().top; var box6Top […]