Tag: 动画

在jQuery 1.9删除.toggle(函数,函数)后使用的替代方法是什么?

嗨,我正在尝试创建一些可以在每次点击时交替收缩和增长的东西,但我正在为我的网站使用jQuery 1.9 。 .toggle(function,function)函数已从jQuery 1.9中删除,所以我不确定应该使用什么代替。 任何帮助都会很棒。 谢谢 jsfiddle(使用旧代码,jquery 1.8版本): http : //jsfiddle.net/TNAC6/ 新jsfiddle(jquery 1.9): http : //jsfiddle.net/TNAC6/1/ 这是我试图切换的代码。 基本上我正在切换的是一个圆形div。 (function($){ $.fn.createToggle = function(size) { var ele = $(this); var oldSize = ele.width(); console.log(“creating new toggle on element: ” + ele + ” old: ” + oldSize + ” new: ” + size ); console.log(“its content […]

jQuery切换动画

我有这个jQuery: $(document).ready(function() { $(“#panel”).hide(); $(‘.login’).toggle( function() { $(‘#panel’).animate({ height: “150”, padding:”20px 0″, backgroundColor:’#000000′, opacity:.8 }, 500); }, function() { $(‘#panel’).animate({ height: “0”, padding:”0px 0″, opacity:.2 }, 500); }); }); 这工作正常,但我需要扩展function。 我也希望同样操作另一个div的属性与#panel div同步。 我尝试添加两个与辅助div相关的function,但我刚刚进行了4阶段切换……哈哈! 原谅我的无知! 多谢你们!

现代jQuery动画中的setInterval()和setTimeout()是不是很糟糕?

我用jQuery 1.6的动画遇到了一些问题。 我用jQuery 1.5解决了它。 在我的项目中,我使用setInterval()来制作自定义徽标滑块。 动画一两个即时(不是同时)启动。 当我在页面上时,一切顺利,但是当我进入其他标签并且回归(分钟,两个左右)到我的页面项目时,一切都变得疯狂…… 好的,所以我得到了一个使用Queue()答案。 我可以用这种方法实现同样的目的吗? 我已经预订了Manning jQuery in Action,并且没有任何关于使用Queue()立即启动动画的内容。 链接到Jsfiddle 引用一些答案: 由于requestAnimationFrame()的性质,您不应该使用setInterval或setTimeout循环对动画进行排队。

jQuery动画高度

我有一个按钮和div内部的一些文字: Click me Lot of text here…. 我想默认显示两行文本,所以我将高度设置为30px并溢出隐藏。 当我点击H2元素时,我希望将文本设置为slideDown动画,如果我再点击一次,它将会滑动到默认高度(30px)。 我正在用jQuery尝试很多东西,但它不起作用。 编辑: 我也有不止一个“扩展”和多个“H2”和文本不同的div,所以高度不固定…我想滑到“自动”高度或100%。 有人能帮我吗? 谢谢!

jQuery缓动函数 – 变量的理解

jQuery的缓动函数如何工作? 举个例子: easeInQuad = function (x, t, b, c, d) { return c*(t/=d)*t + b; }; 这是如何运作的? 每个参数有什么作用? 我如何为动画实现一些愚蠢的缓和? 另外我如何将缓动模式附加到jQuery,将它加载到$ .easing中足够好?

如何使用jQuery动画更改背景图像?

我想用慢动画改变背景图像,但它无法正常工作 $(‘body’).stop().animate({background:’url(1.jpg)’},’slow’); 语法有问题!!

链接影响不同元素的jQuery动画

$(document).ready(function() { $(“#div1”).fadeIn(“slow”); $(“#div2”).delay(500).fadeIn(“slow”); $(“#div3”).delay(2000).fadeIn(“slow”); $(“#div4”).delay(8000).fadeIn(“slow”); }); 这是我目前的设置,但我觉得这不是写这个的最好方法。 我找不到任何关于你如何更好地为时间写这个的例子。 有帮助吗? 我很感激。 我还要补充一点,每个元素的时间不一致。

如何执行多个同时的jquery效果?

我正在为页面上的一些错误/validation元素设置动画。 我想让它们反弹并突出显示,但如果可能的话,同时也要突出显示。 这是我目前正在做的事情: var els = $(“.errorMsg”); els.effect(“bounce”, {times: 5}, 100); els.effect(“highlight”, {color: “#ffb0aa”}, 300); 这导致元素首先反弹,然后突出显示,我希望它们同时发生。 我知道使用.animate()你可以在选项中指定queue:false ,但我不想使用animate,因为预构建的效果“bounce”和“highlight”正是我想要的。 我试过简单地链接像els.effect().effect()这样的调用,但这不起作用。 我也尝试在我传入的选项对象中放入queue:false ,但这不起作用。