Tag: jquery effects

Jquery，为第二次单击添加新function: 我想在第一次点击后添加新效果。当第一次点击提交时它工作正常。第一次点击后如何使其正常工作？ if($(‘input#submit:not(.clicked)’)){ $(this).addClass(“clicked”); $(‘.error’).hide().fadeIn(700); } else { $(‘.error’).fadeOut(10000).fadeIn(700); }

jQuery：更改突出显示淡入淡出颜色？: 是否有可能将jQuery高亮效果淡化的颜色更改为？现在它以黄色开始突出显示，然后淡化为白色然后淡出。我最终用黄色突出显示背景颜色，然后淡化为透明。

使用幻灯片动画的jQuery UI show在动画开始前跳转到完整高度: 我正在尝试创建一个简单的消息，该幻灯片可以滑入并“优雅地”将其下方的内容滑入其中。我遇到的问题是消息下方的内容没有优雅地滑动，而是“跳跃”在动画开始之前到消息的完整高度。消息被隐藏时也是如此 – 消息向上滑动，但高度保持不变，直到动画完成，然后内容弹回到位。超简化JSFiddle： http ： //jsfiddle.net/U94qD/2/ 代码（如果JSFiddle关闭）： HTML： Sliding Something into place This is always shown, but jumps down when the slide animation starts instead of sliding down with the element as it’s displayed and it stays in place as the div above hides instead of sliding smoothly with it. JS： setTimeout(function() { […]

我如何在JQuery中移动div并使用动画效果调整它？: 我如何在JQuery中移动div并使用动画效果调整它？即div将位于屏幕的中间，它将向左侧移动，并且在完成移动后将具有其高度的％50和其宽度的％50。（例如，它将具有其大小的％75）中途）编辑：我试过： $(“.block”).animate({“left”: “-=100px”, “height”: “-=30%”, “width”:”-=30%” }, 1000); 然而它消失了？ EDIT2：这有效： $(“.block”).animate({“left”: “-=100px”, “height”: “30%”, “width”:”30%” }, 1000); 然而它使我的方块更大，我尝试= -30％但不起作用。我该怎么做才能变小而不是变大？

使用jQuery效果将Html添加到Div: 我想将Ajax请求中的Loaded html添加到Div效果（例如向下滑动）。我正在使用此代码，但它还没有效果： obj.html(msg.d).show(‘slow’); 可能吗？更新：这是我的完整代码： $.ajax({ type: “POST”, url: options.webServiceName + “/” + options.renderUCMethod, data: options.ucMethodJsonParams, contentType: “application/json; charset=utf-8”, dataType: “json”, cache: true, success: function (msg) { var html = msg.d; obj.html(msg.d).show(‘slow’); // if specified make callback and pass element if (options.completeHandler) options.completeHandler(this); }, error: function (XMLHttpRequest, textStatus, errorThrown) { if (options.errorHandler) { […]

使用精灵效果最小化的Javascript？: 我想最小化一个盒子，就像Mac上的精灵效果中的popup popin一样，我发现jQuery Transfer 效果很接近，但还不够，它只绘制轮廓并且实际上没有涂抹物体，有没有办法模仿精灵最小化Mac的影响？谢谢。

有没有办法用jquery循环创建类似于Nivo Slider的条带过渡效果？: 我是jquery循环插件的忠实粉丝，如果它有一些类似于Nivo Slider或jqFancyTransistions的更复杂的过渡效果，那将会很酷。我理解如何用jquery循环创建自定义效果的问题，但我很难弄清楚如何创建类似于nivo滑块和jqfancytransitions的条带转换效果，或者它是否可能在jquery循环中。任何有关这方面的帮助将不胜感激。谢谢！

动画背景颜色像jQuery中的进度条: 我有一个div有一些文本内容（例如：我的名字）， div是红色 background colour和一个按钮。我的需要：如果我点击了按钮，我需要将div的背景从RED更改为BLUE，就像Progress bar一样，持续10秒。有点像，从0秒开始 = == === ==== ===== ====== ======= ======== ========= ========== 以10秒结束我必须从头到尾逐渐改变bgColor达10秒。所以我使用了JQuery animate（）方法。但是我没有运气这样做。我试过的： $(“button”).click(function(){ $(‘#myDivId’).animate({background-color:’blue’},10000); }); 如果这是不可能的，任何人都可以建议我做一些插件。希望我们的堆栈用户能帮助我。

追加和滑动jQuery: 我有这个附加方法，我做了添加更多的输入框，直到有10个将禁用更多。 i = 0; $(‘#add-link’).click(function() { if(i < 9) { $('.insert-links').append('’); i++; } if(i == 9) { $(‘#add-link’).html(”); } }); 虽然，这很好。但是，我想在追加时实现slideDown，我试过这样做： $(‘.insert-links’).append(”).slideDown(“fast”); 这根本不起作用。

jQuery UI效果导致iframe重新加载: 我正在使用jQuery显示/隐藏碰巧包含iframe的div。它只适用于标准的“show”和“hide”方法。所以现在我想得到一些幻想，并从jQuery UI（ http://jqueryui.com/effect/ ）添加一些效果，但突然我的iframe每次显示/隐藏时都会重新加载。这是一个小提琴演示： http ： //jsfiddle.net/BnZzk/1/这里是代码，因为SO迫使我添加它： div { height: 200px } span { display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid black; } $(function () { var container = $(‘div’), ifrm = $(‘iframe’), msgs = $(‘#msgs’) delay = 10; //change me to adjust delay in seconds between actions $(‘input’).on(‘click’, normal); […]