Tag: fadeout

Fout Out / In Div页面加载: 当我的网站上加载新页面时，我希望旧页面的主要内容（位于正文中的div内，以排除页脚和页眉）淡出，并且新页面的主要内容将淡入，都是通过使用jQuery。我的代码基本上是： -random header info- (also where I figured the jQuery would go?) – main content of site – 我只希望淡出和影响：我该怎么做？

将fadeIn和fadeOut效果添加到图像灯箱JQuery中: 我有一个jQuery灯箱，用户点击两个链接’next’和’previous’来浏览图像。如何淡入新图像？这是我的代码片段，说明新图像如何替换旧图像。 var image = $(item).find(‘a’).attr(‘href’); $(‘#lightbox img#image’).attr(‘src’, image);

jQuery fadeOut没有改变显示属性: 在http://judi.simpleupdates.com/上我试图使用jQuery fadeIn和fadeOut效果在页面上制作幻灯片。这两个项目fadeIn没有问题。但是， fadeOut不会更改应该消失的div的display属性。任何想法为什么这可能没有按预期工作？这是失败的线： $( “.carousel_item:nth-child(” + selected + “)” ).fadeOut(600); 更新：问题似乎是fadeOut在没有width和height的元素上。将值添加到div.carousel_item的width和height属性时， fadeOut调用将正常工作。另一种方法是从后代img移除position: absolute ，导致div增长到img维度。

如何使用jQuery慢慢FadeOut图像ON LOAD: 我想在载荷时慢慢淡出图像。想法是，我点击进入我的网站的名称会暂时保留在我的主页上，就像我的介绍页面中的视觉回声一样。我确定它是一个小故障，但我是编码的新手，所以我很挣扎。我已经收集到了我需要拥有css可见性：隐藏; （不确定我是否需要将它放在jquery或实际的css中，或者两者兼而有之），因为我希望页面上的其他元素在图像完全消失时不会跳转。 NB已经替换了jsfiddle中的文本图像 http://jsfiddle.net/cress/BdHmG/1/

替代（窗口）.scroll: 可能重复： ScrollTop在Chrome中真的很生涩我正在使用以下代码获取一个返回顶部按钮，并在用户滚动后导航淡入。问题是每次滚动时它都会触发，因此导致滚动变得非常生涩。是否有另一种方法可以执行此操作，这可能只触发一次该function？ $(function () { $(window).scroll(function () { if ($(this).scrollTop() > 600) { $(‘#backToTop, #navigation’).fadeIn(); } else { $(‘#backToTop, #navigation’).fadeOut(); } }); }); });

jQuery IE Cleartype在fadeout上出现故障！: 请不要指向我关于这个问题的更多文章我想我已经阅读了所有这些…我有一个div，里面有一些文本，我只是想在jQuery中淡出它： $(document).ready(function(){ $(‘#dHeaderMessage’).fadeOut(12000, function() { }); }); 这会正确淡出，但当页面首次加载时，此div内的文本看起来很糟糕（IE8）。所以我用谷歌搜索它，它提到了IE的一些ClearType字体问题。解决方法是在javascript中删除“filter”，如下所示： document.getElementById(‘dHeaderMessage’).style.removeAttribute(“filter”); 但这似乎没有任何改变……所以我尝试在jQuery中正确地做到这一点： $(‘#dHeaderMain’).fadeOut(12000, function() { this.style.removeAttribute(“filter”); }); 文本看起来仍然模糊不清……我怎么解决这个问题？

jQuery幻灯片显示不同的延迟时间: 我使用了Innerfade和Cycle，但我有几个div需要淡入，暂停和淡出，但我想以不同的速率暂停不同的幻灯片，因为有些内容会比其他幻灯片更多。我没有看到我如何通过Innerfade或Cycle实现这一目标。我尝试过这个，但所有事件都会立即触发。 Content1 Content2 Content3 Content4 Content5 $(“#slide1”).fadeIn(‘slow’); $(“#slide1”).delay(5000).fadeOut(‘slow’); $(“#slide2”).fadeIn(‘slow’); $(“#slide2”).delay(5000).fadeOut(‘slow’); $(“#slide3”).fadeIn(‘slow’); $(“#slide3”).delay(10000).fadeOut(‘slow’); $(“#slide4”).fadeIn(‘slow’); $(“#slide4”).delay(5000).fadeOut(‘slow’); $(“#slide5”).fadeIn(‘slow’); $(“#slide5”).delay(5000).fadeOut(‘slow’); 所以在这种情况下，我希望在5秒后淡出每张幻灯片，但幻灯片3应该保持10秒钟。我怎么能做到这一点？谢谢你提供的所有帮助！

元素不衰落: 我有2个div，一旦被称为“容器”的元素可见就需要淡出，问题是其中一个元素，“导航”就像它假设的那样逐渐消失，但元素“backtotop”似乎隐藏了没有淡出。我不确定为什么会发生这种情况，即使我把.fadeOut（3000）这个元素在隐藏之前只是延迟，而不会消失。 var startY = $(‘#container’).position().top + $(‘#container’).outerHeight(); $(window).scroll(function(){ checkY(); }); function checkY(){ if( $(window).scrollTop() > startY ){ $(‘#backToTop, #navigation’).fadeIn(600); }else{ $(‘#backToTop, #navigation’).fadeOut(600); } } checkY();

如何淡出canvas中的项目: 我的页面中有一个全屏canvas。此canvas上还有一些潜水元素。 canvas中有一个圆形元素，随着光标在页面中的任何位置移动。但是，当光标到达canvas上的div元素时，圆形形状将保留在canvas上的最后位置，然后到达div。演示： JSFIDDLE 当光标在div元素上方时，我可以淡出圆形，并在它返回canvas时淡入它吗？还有其他任何影响，而不是淡出？喜欢把它缩小然后淡出…… 这是与圆相关的一些代码： function writeMessage(canvas, message, x, y) { var context = canvas.getContext(‘2d’); context.clearRect(0, 0, canvas.width, canvas.height); var pattern = context.createPattern(imageResized, ‘no-repeat’);//Use imageResized, not imageObj. context.fillStyle = pattern; context.fill(); context.fillStyle = ‘black’; context.beginPath(); context.arc(x, y, 60, 0, 2 * Math.PI); }

当滚动条击中另一个div的底部时淡出div: 这个问题与这个问题有关：当URL hash＃changes时，将div添加到body 我正在使用Curtain.js，目前我有一个固定的div，当哈希值发生变化时弹出。 IE当用户向下滚动页面到不同的面板时，div淡入。我不希望在第一个面板上看到这个div。我现在遇到的问题是，当访问者向上滚动页面到顶部时，固定div仍然可见。即出现在第一个面板的顶部。一旦它碰到第一个面板的底部，我想淡出那个div。另一个问题是面板的高度调整到浏览器窗口的高度（流畅/响应式布局）排除任何固定像素JS解决方案，这是我的代码基于： // fade in/fade out banner titles $(window).trigger(‘scroll’); var divs = $(‘.nav-wrap’); $(window).scroll(function(){ if($(window).scrollTop() < 550){ divs.fadeOut("slow"); } else { divs.fadeIn("slow"); } }); 任何人都有任何建议？