Tag: 淡化

当在Jquery中盘旋时，多个图像元素都会褪色。

我在将淡入淡出仅应用于具有相同ID的页面上的一个元素时遇到问题。 首先我将图像淡化到60％，然后在hover时我希望它只有100％的图像。 这部分有效，但它将效果应用于页面上的每个元素。 // Fading images $(document).ready(function(){ $(‘.mainArticle img’).fadeTo(‘slow’, 0.6); $(‘.mainArticle img, .articleContainer’).hover(function(){ $(this).find(‘.mainArticle img, .articleContainer’).stop(true,true).fadeTo(“slow”, 1.0); },function(){ $(this).find(‘.mainArticle img, .articleContainer’).stop(true,true).fadeTo(“slow”, 0.6); }); }); 另外我知道如果CSS可以做到这一点，但尽可能兼容。 希望你们能帮忙， 干杯， 汤姆

Jquery见证推子无法顺利运行

我使用jquery使用淡入淡出效果逐个旋转我的div，但效果不顺畅，它上下跳跃然后显示在这里是我的小提琴。 http://jsfiddle.net/xXRwA/ $(document).ready(function(e) { $(‘.testimonials div:first’).show(); setInterval(function(){ $(‘.testimonials div:first-child’).fadeOut().next(‘div’).fadeIn().end().appendTo(‘.testimonials’) },3000); });

基于滚动条位置的Div不透明度

找到滚动条到达某个位置时如何淡出div的示例。 但它不是一个平滑的节流型褪色。 这是来自jsfiddle的代码： var divs = $(‘.social, .title’); $(window).scroll(function(){ if($(window).scrollTop()<10){ divs.fadeIn("fast"); } else { divs.fadeOut("fast"); } });​ 我希望不透明度百分比能够反映滚动条的位置。 例如，当滚动条位于最顶部位置时，div不透明度为100％。 当我向下滚动35px时，我希望div的不透明度渐渐下降到0％ 也许一种技术可能是当div A距离顶部35px时，div B = 100％不透明度。 当div A从顶部开始为0px时，div B = 0％不透明度。 并且在两者之间的所有阶段都能顺利淡出。 谢谢！ 更新：感谢所有帮助他们中的大多数工作相当不错，但我真的需要它在35px范围内工作。 所以我创建了一个新的例子，它将非常清楚它应该如何工作。 http://jsfiddle.net/J8XaX/1/ 更新2：移动设备：我在我的iPhone上试过这个并且淡入淡出不能顺利进行。 它的工作方式是，如果你中途滑动并松开手指，那么不透明度就会下降。 但是如果你试图平滑滚动它会从100％不透明度直接变为0％不透明度。 想知道是否有办法解决这个问题？ 谢谢！！