我正在写一个通过CSS3转换来动画元素的jQuery插件。在jQuery中，有一个as .stop()，它中断所选元素上的当前动画。
你知道我怎么才能停止正在运行的CSS3动画吗？有没有一种原生的方法来处理这个问题，或者我必须测量动画，并将动画元素的样式设置为当前位置、颜色大小或其他任何值？
这是jQuery插件的当前状态
我尝试将"-webkit-transition-duration“设置为0/ none / false。但它不会停止动画。
浏览 1提问于2011-03-15得票数 11
回答已采纳
1回答
设想情况：
动画可以多次调用。
动画由另一个事件(如单击事件)调用。
在确定涉及此结构的所有其他动画事件完成之前，动画不应该触发。
示例：
jQuery( document ).ready(function() {
console.log('run');
jQuery("#animation-object").bind("fire-hide", function () {
jQuery(this).toggle();
});
jQuery(&
浏览 3提问于2015-03-05得票数 0
1回答
我有两个jquery动画在两个不同的元素中运行。两者都是同时触发的。现在，我想在同一时间结束这些动画，而不管每个动画需要多长时间。
jQuery("#maindiv").animate({ scrollLeft:10 }, 500);
jQuery(".sidediv").animate({ marginLeft:-100 }, 500);
这个是可能的吗？
浏览 1提问于2010-11-21得票数 0
回答已采纳
1回答
我即将创建一个when应用程序，但是当我尝试用jQuery或CSS3动画一些物体时，它们就像我的电脑(或者iOs模拟器)一样缓慢，不流动。
我认为这是因为iPhone不够强大，无法对物体进行动画处理(因为当我在iOs模拟器上尝试我的动画时，它们就没问题了。)但是JQTouch或jQuery移动是如何在iOs上获得流畅动画的呢？
我将检查您的答案，同时检查JQTouch和jQuery Mobile的源代码。
谢谢你的帮助！
浏览 2提问于2013-07-10得票数 0
回答已采纳
2回答
我目前正在使用Spritely在jQuery中创建一个动画。
我如何开始播放动画一次在鼠标上，然后停止动画鼠标出…
任何帮助都是非常感谢的，以下是当前的代码：
(function($) {
$('#booth').bind("mouseenter", function() {
$('#phone').sprite({fps: 24, no_of_frames: 36})
$(this).unbind();
});
浏览 0提问于2012-03-22得票数 0
回答已采纳
1回答
我目前正在进行一个项目，在这个项目中，我使用SWFObject来包含一个闪存头(一些火动画)。另外，我还在页面上使用jQuery进行几个动画和效果，比如图像滑翔机和悬停效果。
我遇到的问题：
高CPU使用率:在英特尔Q9550上，由于高CPU使用率，jQuery动画的帧率低，大约50%当我触发jQuery动画或效果时，闪存动画似乎被卡住了。
我试着删除几个jQuery动画并简化页面，但是只有一个悬停菜单，当在菜单上悬停时，闪存动画和jQuery动画都是滞后的。
我的页面运行顺畅的唯一浏览器是Chrome和Opera，但它的CPU使用率很高。FF3&4和IE7-9总是产生坏的帧率。
我试
浏览 2提问于2011-06-16得票数 1
我是cypress.io的新手，正在尝试调用动画功能。尝试在不同的论坛上搜索相同的内容，但没有找到任何相关的答案。 根据可用的文档： ? 我尝试调用动画的网站是https://www.w3schools.com/jquery/jquery_animate.asp。 我期望下面的代码应该调用动画(不需要单击按钮)，并且cypress输出应该像下面这样，但实际上我的测试用例通过了，没有任何错误，但没有完成动画。 预期输出 ? 代码： /// <reference types="cypress" />
context("invoke functio
浏览 25提问于2020-07-19得票数 0
这是我目前在Jquery Banner - 的职位
对jquery的糟糕使用表示歉意(不知道快捷方式等)。
我尝试过使用Jquery转换来创建横幅之间的渐变……但它们是有缺陷的(我认为这是因为代码删除了类，同时添加了一个类，这意味着它没有什么可以淡出的)。
我也设法用动画扩展了框，但我发现在第一次之后，动画就不再显示了。
看看我已经有的代码，有没有人能够提供指导，以实现横幅之间的渐变动画，当他们改变，并成功的高度动画，然后回到原来的？
谢谢,
卢克
浏览 0提问于2012-06-15得票数 0
回答已采纳
1回答
我正在做一个项目，它要求我将一个对象同时动画2-3次，而不让任何一个对象排队。动画如下：
jQuery("#Object").animate({'left': '0px', 'top':'0px'},{duration:0,queue:false});
jQuery("#Object").animate({'left':xPosition,'top':yPosition},{duration:Time, queue: false});
我一直在尝试如何获得第二个位置动
浏览 2提问于2014-01-07得票数 0
回答已采纳
2回答
有时，当使用JQuery设置诸如“高度”、“最大高度”等元素的css属性时，它会自动将动画绑定到更改中。有时它是很棒的，但它并不总是必要的。有办法禁用这种动画吗？
实际上，导致JQuery自动绑定动画的确切情况是什么？因为我并不总是看到这种行为。我不使用JQuery。
浏览 4提问于2015-12-18得票数 0
回答已采纳
2回答
我有一个jQuery动画事件，还有这个动画回调事件中的其他动画。
我需要能够检测出什么时候一切都完成了它正在做的事情，然后调用一个函数。
由于有几个不同的结果是什么动画发生，我正在努力使它的工作，因为我需要，上面的解决方案将彻底清除它。
jQuery('.A_Item').stop().animate(Properties, 250, function () {
var el = jQuery(sID);
if (!IsOpen) {
jQuery(el).stop(true, true).animateAuto(&#
浏览 4提问于2015-09-29得票数 0
回答已采纳
1回答
我知道jQuery动画有一个默认的帧频。然而，我的动画在不同的计算机上看起来非常不同，有些比其他的更流畅。
有没有办法确定jQuery动画的实际输出帧速率？
浏览 12提问于2011-11-03得票数 6
回答已采纳
可以使用内置的jQuery动画与对话框一起使用吗？我试过了：
$('#dialog').dialog({
modal: true,
height: 500,
width: 550,
show: 'fadeIn',
hide: 'fadeOut'
});
但这是行不通的。使动画工作的唯一方法似乎是包含jQuery UI动画包，这会产生一个更大的文件。
浏览 0提问于2012-02-15得票数 1
根据窗口宽度，我有一个jquery动画：
if(jQuery(window).width() >= 1100){
jQuery('#element1').mouseenter(function(){
jQuery('#element2').animate({'top':'60px'},400);
});
}
if(jQuery(window).width() < 1100){
jQuery('#element1').mouseenter(fu
浏览 4提问于2015-04-05得票数 1
回答已采纳
我几年前构建的一个网站上的导航菜单按钮动画最近由于.toggle()函数被弃用而中断，我不知道用什么来替换代码，任何帮助都将不胜感激！ 以下是该网站的链接(打开和关闭菜单的动画位于右上角)：http://blackcurrent.co/#home 单击菜单按钮时，应在菜单打开时为元件设置动画，然后当您再次单击同一按钮将其关闭时，动画将再次触发，但反之亦然。 下面是jQuery： <script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#bespokeBu
浏览 18提问于2020-11-02得票数 0
回答已采纳
我一直在开发一个jQuery插件，用于在两个数值之间设置元素文本的动画效果。jQuery的animate函数强制您指定要设置动画的属性。在我的例子中，我基本上需要在每个动画步骤上调用text()，所以我不得不做一些欺骗来让它工作。
因为我没有以正常的方式使用animate()，所以我将自己暴露在冲突的动画中，因为jQuery不会为我处理它。例如，如果我开始在5秒内将元素的文本动画化为"500000“，并且立即开始在1秒内将相同元素的文本动画化为"500”，我会得到奇怪的结果，因为它们相互冲突。
一张图片胜过千言万语，所以这里是jsFiddle：
我的主要问题是:当我开始一个新的
浏览 1提问于2012-09-22得票数 3
回答已采纳
我正在使用新的AngularJS 1.2方法()来处理使用CSS3转换的动画。如果浏览器不支持CSS动画，我想有条件地应用回退jQuery动画。
我的CSS动画是很好的工作时，只使用CSS ng-enter，ng-enter-active，等等。
我的jQuery动画在使用app.animations(“.”)时运行良好如下所示
我使用的是现代化，所以. to class动画类已经应用到我的html文档中了。
当jQuery动画不受IE9等浏览器支持时，我想有条件地应用IE9动画。
现在，我正试图通过类选择器“.非动画.幻灯片形式”这样做.
//Simplified a
浏览 3提问于2013-08-18得票数 4
回答已采纳
1回答
我使用来动画元素。我想在动画完成后运行一些javascript。由于某些原因，以下内容不起作用。
myElement.addEventListener("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend", function() {
//code never runs
}, false);
jQuery的.on()方法可以工作，但我想避免使用jQuery：
myElement.on("webkitAnimationEnd mozAnimationEnd MSA
浏览 12提问于2017-03-18得票数 2
回答已采纳
1回答
我希望能够使用jquery添加一个css属性\值，但我希望等待动画制作完成，然后希望css通过将其显示值设置为none来删除动画。
这是我的代码片段。
**Jquery**
$(".filled-rectangle").animate();
$(".filled-rectangle").css('display', 'none');
浏览 0提问于2012-12-02得票数 0
回答已采纳
1回答
我有一个工作的Jquery动画，如下所示：
const e = $("#span-7");
e.css({fill: "#4287f5", transition: "0.5s"});
如何检测动画的结尾？
我试过了，但没有成功！
e.one("animationend webkitAnimationEnd oAnimationEnd MSAnimationEnd", function(){
console.log('Animation Ended!');
});
编辑:伙计们，动画不适用于填充动画。我
浏览 0提问于2020-08-20得票数 3
jQuery的动画引擎不适合我。它没有宽松和彩色动画内置，而且我为他们使用的插件不能一致地正常工作。
在过去，我有过很好的使用YUI动画引擎的经验。是否可以使用jQuery来选择项目，然后使用YUI将其动画化？下面是我当前的jQuery动画代码，当您单击div时，可以将其动画化：
$("div.article").mousedown(function() {
$(this).children(".box").animate({height:'+=100px', paddingTop: '24px'},300);
浏览 1提问于2010-07-03得票数 0
回答已采纳
我使用Jquery制作CSS动画。我正在尝试使我的网站具有响应性，并且我想在窗口较小时停止使用Jquery所做的一些动画
浏览 0提问于2018-10-04得票数 1
我有一个包含两个主要元素的HTML页面。一个是silverlight贴图(带有动画图钉)，另一个是jQuery动画。
当silverlight地图包含大量图钉时，jQuery动画非常不稳定。有没有办法让Silverlight不那么占用资源，让jQuery动画拥有更高的优先级？
浏览 1提问于2009-11-17得票数 2
回答已采纳
1回答
当我的页面加载时，它会使用TweenLite显示一些jQuery动画。动画的Javascript代码位于单独的.js文件中。
当第一次打开页面时，我需要保留动画，然后删除它。对我来说最明显的方法是使用一个会话变量，这个变量应该在动画完成后设置。
我知道jQuery可以通过ajax访问会话变量，但是我找不到任何这样做的例子。
我在这里发现了类似的问题，堆叠溢出，唯一的答案就是使用localStorage。它和一次会议有什么不同？
浏览 0提问于2013-08-09得票数 1
回答已采纳
在jQuery中，fontSize和字体大小在css()函数中都是有效的，但是在动画()中，它必须是fontSize？
其他功能还有更多的规则吗？
所以最安全的还是表格fontSize
更新：我们的项目使用jQuery 1.3.1，它不会工作.但我刚刚检查了1.4.2将与“字体大小”，即使是动画。
浏览 4提问于2010-06-26得票数 1
回答已采纳
用jQuery动画很简单。下面是一个在2秒内将一个数字从0到1000动画的例子：
var $h1 = $('h1'),
startValue = parseInt($h1.text(), 10),
endValue = parseInt($h1.data('end-value'), 10);
$({ int: startValue })
.animate({
int: endValue
}, {
duration: 2 * 1000,
step: function () {
$h1.text(Math.
浏览 2提问于2017-03-12得票数 0
1回答
我用jQuery创建了一个动画，它以文本行顺序(反向)幻灯片。这是相当简单，工作伟大时，盘旋一次。然而，当鼠标快速移动时，线条将以看似随机的顺序出现。
请参阅下面的GIF演示。第一个悬停是动画的外观。在悬停之后，我把鼠标移进移出，以演示文本行随机动画的问题。
请参阅下面的代码示例：
<div class="image-block">
<p>Text Line 1</p>
<p>Text Line 2</p>
<p>Text Line 3</p>
<
浏览 4提问于2017-10-11得票数 1
回答已采纳
我在jQuery 1.6的动画中遇到了一些问题。我用jQuery 1.5解决了这个问题。
在我的项目中，我使用setInterval()制作自定义的徽标滑块。动画立即启动(而不是同时)二次又一次。当我在页面上的时候，一切都进行得很顺利，但是当我在其他选项卡上重新回到我的页面项目(大约两分钟后)时，一切都变得疯狂了……
好的，我有一个使用Queue()的答案。我能用这种方法实现同样的目标吗？
我有一本“曼宁jQuery在行动”( Manning JQuery in Action )的书，没有什么是关于立即激发Queue()动画的。
引用其中的一些答案：
由于requestAnimationF
浏览 6提问于2011-08-22得票数 4
回答已采纳
我已经在我的应用程序上使用了jquery-loadmask插件，它在ajax调用开始时显示处理动画，在调用结束时隐藏动画。
它在火狐和它的IE8运行得很好，如果我在开发工具栏中运行对屏蔽函数的调用，它会显示动画，但在ajax调用中它不起作用。知道为什么吗？
我是这样称呼它的：
jQuery("#content").mask("Processing....");
以下是库的链接：
浏览 3提问于2011-09-15得票数 0
回答已采纳
1回答
目前，我的jquery遇到了一些问题，我希望能够遵循这个过程：
，，页面加载，图像动画，，，我单击链接，图像执行一个不同的动画，我再次单击该链接，然后它启动另一个动画。
下面是我目前使用的代码：
<script type="text/javascript">
$(document).ready(function () {
$('img').fadeIn(100).addClass('stage1');
$("#next").click(functi
浏览 1提问于2011-09-11得票数 0
回答已采纳
1回答
我用vue3。当我把鼠标放在盒子上时，它变大了。
.curl:hover {
width: 200px;
height: 200px;
}
我想告诉用户，动画已经结束后，规模已经增长。
换句话说，就像jquery中的动画片()一样，我希望运行函数()，指示动画已经完成。在动画结束后。
css或vue在没有jquery的情况下有此特性吗？
浏览 2提问于2021-06-16得票数 0
回答已采纳
2回答
我想让我的<dev>眨眼，比方说边框red，使用jquery如下：
$(element).fadeOut( 10 ).delay( 300 ).fadeIn( 10 )
所以它消失了(快！)，300毫秒的等待然后消失(再次快)
我想要(类似)：
$(element).css('border-color','red').delay( 300 ).css('background-color','')
或者：
$(element).highlight(0,'red').delay( 300 ).highlig
浏览 5提问于2013-11-03得票数 0
回答已采纳
看看这个jsfiddle：
展开按钮将为中间列的加宽提供动画效果。当它这样做时，您将看到动画正在进行时，事物如何移动到下一行。收缩列时也是如此。
由于我是jQuery的新手，我以前没有见过这种情况，我想知道为什么会发生这种情况，以及如何在动画完成时将所有兄弟姐妹保持在同一行上。
谢谢。
更新:已解决-感谢@Alnitak的教育。我在Drupal6.x环境中使用jQuery，而jquery_update模块只能将jquery版本提高到1.3.2。
我发现了这个模块的一个破解，让我可以使用我想要的任何jquery版本。您的升级建议恰到好处！干杯!
浏览 0提问于2012-03-29得票数 1
回答已采纳
使用jquery，我不能让链接工作，也不能让锚的背景动画化。看起来不是其中之一就是另一个有效。
这是标记：
<ul class="nav">
<li> <span id="background"> </span><span id="active"></span><a href="page1.html"
class="active">page 1</a> </li>
<l
浏览 0提问于2012-06-14得票数 1
回答已采纳
5回答
目前，我正在使用事件的将元素添加到页面中。我想用某种方式来动画，这样新元素就不会突然出现在不知名的地方。
我不介意使用什么动画方法，只要它向用户显示当他们点击时正在发生什么。
我以前从未在jQuery中使用过动画，并且只找到了使用现有DOM元素的示例。用于动画创建jQuery?中的新元素的模式是什么？
浏览 8提问于2009-10-26得票数 9
回答已采纳
2回答
来回滚动jQuery动画
、、、
我正在制作一个futsal (室内足球)教练应用程序，它允许教练在屏幕上添加球员，设置他们的移动方向(通过使用HTML5画布绘制箭头)，然后按“play”来移动屏幕上的所有球员。播放器由一个带有播放器背景图像的div组成。
动画是通过使用jquery .animate()函数完成的。
我所做的就是更改播放器div's、left和top css的位置属性。
我想做两件事，但不确定如何做到这一点：
，我想创建一个jQuery滑块，并在动画发生时递增地移动它。我猜我会在启动动画之前计算动画的总长度？我想来回移动jQuery滑块--反转动画，并在需要时暂停它。考虑到我们正在为动画移动div，而
浏览 5提问于2009-03-20得票数 5
回答已采纳
4回答
我想做一个聪明的联系页面。我已经让我的jQuery动画都正常工作了，唯一剩下的就是当你快速翻阅链接时，我想防止动画排队。
通常，我知道您可以使用.stop()来防止这种情况，但我不知道如何在这个场景中这样做。所以：
如何防止jquery动画在鼠标上多次排队？
如果有人想提供关于如何清理我凌乱的jQuery的洞察力，那将是一个额外的好处。
工作代码： (鼠标在按钮链接上)
浏览 1提问于2011-11-23得票数 1
回答已采纳
2回答
UI动画Jquery
、、、
我正在开发一个网络应用程序，并使用AngularJS。但是，直到现在，我还没有UI动画。我想知道使用jQuery或AngularJS来制作动画。
我知道AngularJS有ngAnimate指令，因为我可以构建自己的指令，但是在jQuery中有很多好的动画和很多好的例子。为什么我要使用AngularJS制作UI动画？只为了在我的代码中保留AngularJS标准？或者还有更多的？
当我们谈论一个AngularJS网络应用程序时，总是使用AngularJS来做所有动画是很常见的吗？
浏览 2提问于2014-06-09得票数 1
回答已采纳
1回答
在网页上平滑滚动
、、、、
当前在我的站点上(使用引导)，当用户单击具有指向同一页面的链接的锚时，我使用以下jquery使其滚动到链接，而不是跳转：
jQuery('html,body').animate({scrollTop: jQuery('#target').offset().top}, 1000);
这是可行的，但是，我已经看到一些网站使用的动画，开始较慢，然后加快，因为它滚动和几乎有一点反弹在结尾。它很光滑/光滑。我想要实现类似的目标。
有人知道其他通过链接滚动动画的方法吗？如果可能的话，我更愿意避免jquery插件。
谢谢
浏览 2提问于2014-07-03得票数 0
回答已采纳
在本例中，我试图创建一个具有jQuery旋转属性的css3动画。我可以使用css3 transition和jQuery css()来管理这个动画，但是我想使用jQuery animate()来根据我的jQuery变量旋转deg值。
是否可以使用带有css3属性值的jQuery 1.8.0动画？
jQuery:
var rotateVal = 90;
//this method isn't working
$('.red').animate({
'transform':'rotate('+rotateVal+'deg)&
浏览 2提问于2012-08-21得票数 6
回答已采纳
最近，我问了一个问题：和我得到了答案。
我尝试删除不必要的jQuery代码，只保留jQuery动画功能。
如果有人能提供给我只有jQuery动画功能，有他们的技术-我将真的很感激。
浏览 0提问于2011-12-23得票数 3
我有一个没有动画的jquery手风琴，它工作得很好：
jQuery('#countrylist').accordion({
active: false,
alwaysOpen: false,
autoHeight: false,
animated: false
});
但是如果我尝试使用动画，它就不再起作用了：
jQuery('#countrylist').accordion({
active: false,
alwaysOpen: false,
autoHeight: false,
animate
浏览 0提问于2011-01-18得票数 1
1回答
在过去的几个月里，我一直在创建一个WPF应用程序，我想在我的应用程序中添加动画的位数，我之前被告知，jQuery是一个用于动画的很好的Javascript库。
问题是，在环顾四周之后，互联网上没有多少东西能让我知道这是否可能。
我对jQuery非常陌生，所以我不会知道多少。如果jQuery在WPF中是不可能的，什么是？
浏览 0提问于2014-01-31得票数 3
回答已采纳
1回答
之友，我正在使用一个简单的代码，以便您更好地理解问题的重点.
我有一个红色的盒子，想用它在“时间线”里做一些动画，我的意思是动画首先是一种方式，然后是另一种，然后又是另一种。
有正确的方法吗？有什么插件可以一个接一个地用漂亮的代码制作动画吗?干净的，不像这样愚蠢：
(function($) {
var box = $('.box');
$(box).animate({
left: '125',
});
$(box).animate({
top: '100'
})
}(jQuery));
.b
浏览 2提问于2015-06-25得票数 0
回答已采纳
1回答
我正在尝试为这个网站的用jQuery动画顶层菜单
我无法对产品和收藏品菜单图像进行动画悬停动画。我使用悬停图像作为背景，并使用Jquery更改它们的位置。以下是我的代码
$('.liproduct a').mouseover(function(){
$('.prodimg').stop().animate(
{backgroundPosition:"(50% 0px)"},
{duration:600})
})
.mouseout(function(){
浏览 2提问于2012-03-16得票数 0
3回答
如果我正在运行一些jQuery动画，我将调用一个警报，动画将冻结，并将在我关闭警报时继续。
当出现一些警报时，是否可以在后台继续播放动画？
我正在寻找这个解决方案，例如，我不想在动画之后调用警报，而是在过程中-并且没有中断。
浏览 0提问于2013-04-04得票数 1
回答已采纳
这应该很简单，但却找不到这个简单概念的答案。在Jquery中，我希望在多次单击后有一个简单的Jquery动画。每次点击即可运行。我想要动画运行，然后等待点击，然后再从头开始.我试着在动画的回调中重置块的css高度，但是这会立即将动画带回到开始，我希望它等到下一次单击后再重新开始。
我的CSS是
<style>
.block {
background-color: red;
width: 100;
}
</style>
HTML是
<div class="block">this is block </div>
<div id=
浏览 2提问于2014-03-02得票数 0
回答已采纳
我想运行一个带有动画/淡出框的jquery代码。该框是包含数据库数据的ASP列表视图。当用户单击框上的“delete”时，将执行一个updatecommand，因此数据库中的数据将被更新，但它不会执行jquery的淡出动画，因为页面已经刷新。如何先用jquery淡出框，然后回发页面？
浏览 1提问于2015-10-09得票数 0
回答已采纳
更新：
我为jQuery制作了一个可链接的动画效果插件(参见我的)。在自定义效果中，我使用jquery的.animation()效果，它应该将动画放在jquery的内置动画队列中。当我试图链接动画时，它会立即启动自定义的.horizontalBlinds()动画，而不会将它放在jquery的内置动画队列中。我如何让它像所有其他内置的jquery效果一样在队列中等待它的出现呢？
// both effects start at the same time
$(element).fadeIn().horizontalBlinds(4);
浏览 3提问于2011-07-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
