Tag: fadein

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中消失

jQuery动态图像加载

**当我在输入中键入引用时，我尝试加载图像。 $(document).ready(function () { $(‘#id’).focus(); $(‘#id’).keyup(function () { $(‘#img’).html(”); $(‘#img’).hide().fadeIn(‘slow’); }); }); fadeIn（）不起作用，除非图像已经在缓存中。 我怎样才能每次都有淡入淡出？ 提前完成。 编辑 另一个脚本，它的作品！ $(document).ready(function () { $(‘#id’).focus(); $(‘#id’).keyup(function () { $(‘#img’).attr(‘src’, ‘http://www.site.com/’ + $(this).val() + ‘.jpg’); $(‘#img’).hide(); }); $(‘#img’).load(function () { $(‘#img’).fadeIn(‘slow’); }); });

jquery淡入回调而不是等待

我试图让一个div消失，然后在它的位置有第二个div淡入，但第二个div消退的回调似乎不等待第一个完成淡入淡出，实际上它们都褪色时间给予交叉淡入效果的父亲而不是淡出然后在之后。 inheritance人代码： $(document).ready(function () { //toggle story text $(function () { $(“#imageGallery”).scroll(function () { if ($(this).scrollLeft() > 1000) { $(“#story2”).fadeIn(“300”, function () { $(“#story1”).fadeOut(“300”); }); } else { $(“#story1”).fadeIn(“slow”); $(“#story2”).fadeOut(“slow”); } }); }) }); 和页面即时使用它： http://www.jonathantopf.com/imijstudio/ 任何想法为什么会这样？

如何在fadeOut / fadeIn之前完成jQuery load（）？

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

HTML元素不会使用jquery淡入淡出

我有一个小的web项目，你可以在这里看到： http ： //seegermattijs.be/pickone/当你插入两个项目时，选择一个按钮应该淡入。不幸的是它不会褪色。 我使用以下代码： $(‘.bigBtn’).fadeIn(‘slow’); 并且在开始时我使.bigBtn不可见： $(‘.bigBtn’).hide() 我究竟做错了什么？

如何让这个jQuery比我的更快？

目前，我将此脚本用于一种“tab”系统。 单击一个选项卡时，它会隐藏所有其他选项卡。 他们都是div。 但是现在，我认为在选定的div加载之前它的消失速度不够快。 它最终会被选中并正在显示的div下方移动。 我不想要切换，因为正如你所看到的，我有5个标签，我想在它们被点击时打开它们各自的“_s”div。 淡出，淡出。 任何使淡出效果在淡入之前发生的方法，或者可能会延迟？ 我不知道如何在此脚本中添加延迟，或检查以确保div在新div淡入之前完全淡化。 我很感激任何帮助。 谢谢！ $(“#teach_one”).click(function() { $(“#teach_one_s”).fadeIn(“slow”); $(“#teach_two_s”).fadeOut(“fast”); $(“#teach_three_s”).fadeOut(“fast”); $(“#teach_four_s”).fadeOut(“fast”); $(“#teach_five_s”).fadeOut(“fast”); }); $(“#teach_two”).click(function () { $(“#teach_two_s”).fadeIn(“slow”); $(“#teach_one_s”).fadeOut(“fast”); $(“#teach_three_s”).fadeOut(“fast”); $(“#teach_four_s”).fadeOut(“fast”); $(“#teach_five_s”).fadeOut(“fast”); }); $(“#teach_three”).click(function () { $(“#teach_three_s”).fadeIn(“slow”); $(“#teach_one_s”).fadeOut(“fast”); $(“#teach_two_s”).fadeOut(“fast”); $(“#teach_four_s”).fadeOut(“fast”); $(“#teach_five_s”).fadeOut(“fast”); }); $(“#teach_four”).click(function () { $(“#teach_four_s”).fadeIn(“slow”); $(“#teach_one_s”).fadeOut(“fast”); $(“#teach_two_s”).fadeOut(“fast”); $(“#teach_three_s”).fadeOut(“fast”); $(“#teach_five_s”).fadeOut(“fast”); }); $(“#teach_five”).click(function () { $(“#teach_five_s”).fadeIn(“slow”); $(“#teach_one_s”).fadeOut(“fast”); $(“#teach_two_s”).fadeOut(“fast”); $(“#teach_three_s”).fadeOut(“fast”); $(“#teach_four_s”).fadeOut(“fast”); }); […]

是否有可能让Twitter Bootstrap Dropdown菜单淡入？

我试图让Twitter Bootstrap上的标准导航栏下拉菜单淡入而不是只显示。 我已经尝试添加fade的类但它似乎没有消失。 这是我的小提琴http://jsfiddle.net/byronyasgur/5zr4r/10/ 。 我尝试过另一种方式 – 例如关于这个问题的答案，但由于某些原因我无法使用jquery来定位下拉触发器。

jQuery在div中一次循环一个p标签的.fadeIn和.fadeOut

下面的代码在一个推荐中成功淡出6秒，等待3秒，然后淡出并继续下一个。 一旦达到第三个见证，它就会跳回到第一个。 这正是我想要的，但在我的实际网站上，我有三个以上的推荐，并且将来可能会增加更多。 每次添加新推荐书时，我都不想再返回并添加新function。 我尝试了一段时间，使用“this”和.next（）使其工作但失败了。 我希望有人可以通过循环它并使其移动到容器中的下一个p标签而不必每次调用新函数来提高效率。 感谢任何帮助，谢谢。 注意：我知道有类似的问题，但没有一个是完全相同的，答案是低于标准。 #tml-container p { display: none; } Testimonial 1 Testimonial 2 Testimonial 3 $(document).ready(function() { function doFade() { $(“#one”).fadeIn(6000,function() { $(“#one”).fadeOut(6000).delay(3000); setTimeout(fadeTwo,6000); }); } function fadeTwo() { $(“#two”).fadeIn(6000,function() { $(“#two”).fadeOut(6000).delay(3000); setTimeout(fadeThree,6000); }); } function fadeThree() { $(“#three”).fadeIn(4000,function() { $(“#three”).fadeOut(6000).delay(3000); setTimeout(doFade,6000); }); } doFade(); });

使用jQuery fadeIn或CSS3动画更好吗？

我正在使用一些PHP和JavaScript创建一个简单的库，我正在尝试在图像之间进行淡入淡出过渡。 然后我想知道使用CSS动画之间是否存在性能差异，例如： @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } 和一个jQuery淡入淡出。 我想使用fadeIn的回调，但我也可以使用带有CSS的计时器。 对于大图像，这些中的任何一个都可能更好吗？ 我看不出有什么不同，但想知道它是否会影响较慢的计算机。

如何向下滑动div然后.fadeIn（）内容，反之亦然？

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