Tag: 淡出

鼠标hover时图像透明度级别淡化，单击时保持100％

我正在使用div中的一堆图像，当页面加载时，所有缩略图都是不透明度的30％。 一旦你用鼠标滑过拇指，它就会逐渐衰减至100％，如果你用鼠标移动缩略图，它会在30％的不透明度上消失。 这个位有效。 现在，当用户点击缩略图时，它必须保持100％不透明度。 用户点击另一个缩略图后，“旧”缩略图必须逐渐淡出30％，而“新”缩略图必须保持100％。 这个位是问题，当我点击一个新图像时，旧图像不会恢复到30％但保持100％ 代码信用：PatrikAkerstrand 有人可以帮忙吗？ 代码如下： $(window).bind(“load”, function() { var activeOpacity = 1.0, inactiveOpacity = 0.3, fadeTime = 350, clickedClass = “selected”, thumbs = “#boardDirectorsImage img”; $(thumbs).fadeTo(1, inactiveOpacity); $(thumbs).hover( function(){ $(this).fadeTo(fadeTime, activeOpacity); }, function(){ // Only fade out if the user hasn’t clicked the thumb if(!$(this).hasClass(clickedClass)) { $(this).fadeTo(fadeTime, inactiveOpacity); } }); $(thumbs).click(function() […]

jQuery fadeOut同时动画结束

我有以下代码动画背景图像。 在动画结束时，它会淡出。 但是，我想要实现的是在动画完成之前将元素淡出。 因此，如果动画需要6秒，并且淡出需要2秒，则淡入淡出将从4秒开始，以便动画结束，淡出结束同时发生。 任何帮助将非常感激。 first_slide.animate({‘background-size’:’100%’}, 6000, ‘linear’).fadeOut(2000);

Jquery背景/文本颜色淡化

我在下面有一个Jquery脚本，只是在hover时淡化背景颜色。 虽然背景正如所希望的那样褪色，但文字正逐渐消失，这是我不想要的。 理想情况下，我只希望背景颜色淡入，而不是文本。 非常感激任何的帮助。 谢谢 ：） jQuery的 $(document).ready(function () { //Set the anchor link opacity to 0 and begin hover function $(“#menu-sample-menu li a”).hover(function () { //Fade to an opacity of 1 at a speed of 200ms $(this).fadeOut(0).addClass(‘hover’).fadeIn(300); //On mouse-off }, function () { //Fade to an opacity of 0 at a speed of 100ms […]

jQuery检查列表项中的文本是否对应于div的类

我有一个动态创建的类别列表，如下所示 Cat 1 Cat 2 Cat 3 Cat 4 我在同一页面上也有几个动态创建的文章，这些文章都有通过wordpress分配给它们的类，例如，一篇文章可能有class-cat-1，而另一篇文章可能有class-cat-2等等。 当我点击带有文字“Cat 1”的列表项时，我想淡出带有“category-cat-1”类的文章。 不幸的是我不知道如何开始这个，所以希望有人指出我正确的方向，然后我可以改进我的问题。

在活动bg上添加淡入淡出效果

我有一个菜单结构： creativ< creativ 我每个.active类添加背景图像： #nav li.active a{cursor:default; background:url(images/nav-li-a_hover.png) no-repeat bottom center; padding-bottom:5px;} 它的工作原理。 但是当我点击菜单项时，我想要获得具有淡入淡出效果的背景图像。 我怎么能通过jQuery或CSS3做到这一点？

jquery fadeout事件监听器

我有一个现有的自编码手风琴，我现在需要将一个事件监听器附加到现有的fadeout事件。 我可以将新的fadout侦听器绑定到现有的侦听器吗？ 这是怎么做到的？ 这是手风琴ia jsFiddle

Jquery旋转木马与褪色文本

Picrelated是我正在努力的旋转木马。 通过单击“下一步”导航箭头，文本标题应首先淡出，然后图像块应向左滑动。 图像块滑动 – 下一个标题淡入。 我试过使用Nivo Slider和BX Slider，但是永久失败了。 你能告诉我任何有用的jquery插件或者这样做的方法吗？

如何淡化切换，使过渡看起来更柔和

我怎么能让切换过渡看起来更柔和？ 我正在“切换”2个div： $(document).ready(function(){ var tweet = $(“ul.tweets li”); tweet.hover(function(){ $(this).find(‘.a’).toggle() .end().find(‘.b’).toggle(); }); }); 这是小提琴

Jquery fadeIn / fadeOut动画问题

我正在使用Jquery FadeIn / FaeOut来显示和隐藏我页面上的内容。 像这样： $(‘.subnav_company’).click(function(){ $(‘.aboutcontent’).fadeOut(‘slow’); $(‘.company’).fadeIn(‘slow’); }); 我的问题是因为div’.company’位于’.aboutcontent’下方，当显示’.company’时它出现在’.aboutcontent’下面，直到div完全隐藏，创建了一个不平滑的过渡效果。 如何在显示和隐藏div之间进行过渡？ 没有跳跃。 这是HTML： Developers The developers are the best we have some great developers Company offers a complete management tool . It’s an easy to use and efficient way to manage and plan stuff. It allows people to communicate and get along.

jQuery FadeIn在移动Chrome Android中无法正常运行

首先，这是工作演示： http ： //desainwebsite.com/marux-demo2 我想要实现的非常简单： 当我点击菜单按钮时，菜单显示，这个半半透明的黑色背景淡入。 当我点击半半透明的黑色背景时，菜单关闭，此背景淡出。 单击菜单按钮时，这是我的代码： $(“.mnav-toggle”).click(function(e) { $(“.black-overlay”).fadeIn(); $(“.mobile-nav”).animate({“left”:0}); e.preventDefault(); }); 这是在背景点击时 function closeMenu() { $(“.black-overlay”).fadeOut(); $(“.mobile-nav”).animate({“left”:”-200px”}); } $(“.black-overlay”).click(function(e) { closeMenu(); e.preventDefault(); }); 此代码适用于许多移动浏览器，但不适用于移动Chrome Android。 错误是：黑色背景淡出后没有显示。 尝试单击菜单按钮一次，然后关闭菜单（单击背景）。 然后再次打开菜单（单击菜单）。 在Android Chrome中，背景保持隐藏，但它仍然存在，因为它仍然可以点击。 iOS中的Chrome没有此错误。 我也试过Android for Firefox，它正在运行。 代码中有错误吗？ 请帮我。 提前致谢！ 编辑：哦，当我更改fadeIn（）/ Out（）以简单地隐藏（）和show（）时，它正在工作。 所以问题必须是关于这种衰落的function。 EDIT2：我可以将fadeIn（）更改为show（），但保留fadeOut函数并且它正在工作！ 所以主要的罪魁祸首是fadeIn（）函数我猜。