最近我一直在使用jQuery的出色的动画()函数，但我发现只有一部分CSS属性可以通过jQuery动画。
我已经检查了jQuery ，但是它没有给出所有可以动画化的属性的列表。它甚至指出，某些属性只能用某些文件(如jQuery UI文件)动画化。
那么，你们有一个列表，也许在互联网的某个地方，所有的CSS属性可以通过jQuery动画吗？如果您提到哪些文件需要特定的文件/CDN，则会更有帮助。
编辑
好的，所以我了解到任何带有数值的CSS属性都可以是动画的。那么，是否可以对非数字CSS属性进行动画化？
比如，如果你想将一个字体家族平滑地转换成另一个字体家族(听起来很难)，或者动画溢出:可见到溢出
浏览 1提问于2016-06-17得票数 0
1回答
试图使用的插件列表：
jquery.animate-enhanced.min.js
jquery.easing.1.3.js
基本上，我试图将一些jquery动画转换为“纯CSS3转换”。
这是我正在处理的代码：
$(this).animate({
bottom:(docHeight-80),
},600,
'easeOutElastic',
function(){
$(thi
浏览 4提问于2012-11-07得票数 0
问题：没有通过jQuery直接控制CSS3关键帧动画的持续时间的方法。
Link：
可信的/失败的尝试：我尝试过$(“.parent”).css(“动画-持续时间”，newimg)之类的东西，但这是行不通的。还有一种方法是添加/减去具有动画持续时间属性的类，由事件控制(即单击“完成”按钮)。
Context：在我的web应用程序中，我有一个“速度”设置，如果鼠标悬停在左边的粘性侧边栏上，就可以找到它。
目标：用户应该能够在文本字段中插入一个值。单击“已完成”，将触发一个事件，将旋转轮的动画持续时间更改为该值，使其旋转得更快/更慢。不幸的是，下面从父类中添加和减去子类的方法不适用于我的代码。
此
浏览 0提问于2017-09-02得票数 2
回答已采纳
我使用将动画添加到文本中。我的html页面如下所示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Textillate</title>
<link rel="stylesheet" href="animate.min.css">
<script src="jquery-3.5.1.min.js">
浏览 6提问于2020-07-21得票数 0
回答已采纳
1回答
我正在尝试动画和控制这个函数的速度:这个函数将当前背景更改为不同的背景，现在它会立即更改……
这是代码
$(document).ready(function(){
jQuery("#lit").hover(function(){
jQuery("body").css("background-image", "url(img/2.jpg)" );
}).mouseleave(function(){
jQuery("body&#
浏览 2提问于2017-02-15得票数 0
3回答
我想使用CSS的:悬停伪类来控制下拉式悬停。这已经完成了。然而，棘手的部分是动画的下降。我不想依靠jQuery来让菜单显示出来，它应该在关闭JS的情况下完美地工作(尽管没有淡出动画)。有没有一种方法可以“挂钩”到CSS:悬停，而不是运行一些jQuery (淡出菜单，在悬停)，如果JS是打开的？
浏览 7提问于2011-02-01得票数 2
回答已采纳
1回答
我正在尝试添加一个jQuery的小动画到我的导航栏。现在，我有导航条的子菜单，从display:none到display:block with css :悬浮伪类。正如我所说的，我正试图用jQuery来实现这一点，所以我需要创建一个与我在css中使用的选择器类似的选择器。我使用的选择器只显示它的子列表：
#nav ul li:hover > ul
但是，我显然不能在jQuery选择器中使用:悬停伪类，我尝试像这样使用.hover()方法(这还没有任何动画)：
$('#nav ul li').hover(function() {
$('#nav ul li
浏览 1提问于2010-07-01得票数 1
回答已采纳
1回答
我在CSS中使用动画，我有动画时钟，它们使用HTML和CSS。
但是我想用jQuery来控制动画时间。
我的代码：
.face {
position: absolute;
top: 10%;
left: 69%;
transform: translate(-50%, -50%);
height: 100px;
width: 100px;
border: 5px solid #d14019;
border-radius: 50%;
}
.hand {
height: 35px;
width: 5px;
浏览 1提问于2019-06-03得票数 1
回答已采纳
4回答
因此，我希望向列表中的每个元素(特别是列表项中的<a> )添加一个类，但每次添加一个类。我这么做是因为<a>有一个CSS转换，我想让他们一次一个动画。所以item1动画，item2动画，item3动画.到目前为止，我能想出的办法是这样的。
html：
<ul>
<li><a>item1</a></li>
<li><a>item2</a></li>
<li><a>item3</a></li>
浏览 8提问于2015-03-26得票数 6
回答已采纳
2回答
我有一个包含列表的页面。我有一个按钮可以将新项目添加到列表中。我想应用JQuery-UI效果来添加新的项目，我的问题是当显示效果动画时，列表项没有样式。请看这个fiddle - 。
您可以看到，当用户单击create按钮时，将显示项目的动画，但列表项文本位于图标下方，因为没有应用CSS。我想要显示列表项的动画。我该怎么做？
浏览 1提问于2012-08-07得票数 0
回答已采纳
2回答
我正在为jQuery制作一个插件，在一些动画完成后，我需要重新运行相同的功能。我试图在动画函数中使用setTimeout()来完成这个任务。
我正在挣扎的代码在底部是
jQuery(theslide).animate(theanimation,1000,function() {
setTimeout('this.makemeslide()',3000)
})
控制台错误消息是Uncaught : object对象窗口没有方法'makemeslide'，这是因为它是指向动画对象的。但我不知道如何实现我的目标。
这是我的完整代码
jQuery.fn.
浏览 1提问于2013-02-17得票数 0
回答已采纳
2回答
我正在使用jquery制作div的动画。我想控制移动的速度。我用这个玩了很多次。但我希望有人能告诉我怎样才能控制速度。以下是代码示例。
$(document).ready(function(){
$('#block').css({'left':'-617px','top':'-300px'});
$('#Cont').show();
$('#block').animate({'left':'17px','top'
浏览 1提问于2012-06-20得票数 2
回答已采纳
2回答
我的目标是在我的网页上的div元素的边框中添加一些动画。
我想知道如何为onHover事件上的div列表绘制/动画边框。
这在JQuery或CSS3中是可能的吗？
浏览 1提问于2016-07-22得票数 0
回答已采纳
1回答
我正在用css动画我的网站导航，我的问题是这样的。
// Html file
<html>
<div class="class-one">
// some value
</div>
</html>
// Css file
.class-one {
width: 100px
height: 100px
animation: first-animation paused 7
浏览 4提问于2017-06-16得票数 0
回答已采纳
1回答
可以为CSS动画属性提供一个包含多个动画的列表。我想在CSS文件中创建一个逻辑子类，将一个动画添加到逻辑超类的动画列表中。这是我所拥有的，但我想在不复制淡入动画的情况下完成此操作：
.enter, .enter-left, .enter-right, .enter-top, .enter-bottom {
animation: fade-in 2s ease-out;
}
.enter-left {
animation: fade-in 2s ease-out, enter-left 1s ease-out;
}
如果没有jquery，我如何才能做到这一点呢？有没有一种从本质上附加到
浏览 21提问于2018-12-11得票数 2
回答已采纳
我在下面创建了一个css3动画
我使用以下Jquery来控制时间间隔
$(document).ready(function(){
$('#web').addClass("fadeInLeft");
window.setTimeout(function(){
$('#development').addClass("fadeInLeft");
},300)
});
在上面的例子中，动画只同时发生。我需要这个动画重复几秒钟后。而且，它必须在无穷大的时间重复。
浏览 3提问于2014-01-22得票数 0
回答已采纳
1回答
是否可以在圈内显示列表图标，在1,2次旋转后，它将返回到列表视图。
当它在1,2旋转后形成时，它应该是一条线。
简而言之，一种css3动画方式或关键帧或jquery动画：
这个到这个
。。
任何帮助都将不胜感激。谢谢
浏览 2提问于2016-03-22得票数 0
回答已采纳
5回答
我有一小段代码不能工作，看一下：
$(document).ready(function() {
$('ul#mainmenu li:hover').css({backgroundColor:''});
$('ul#mainmenu li').hover(function() {
$(this).animate({backgroundColor:'#2E8AE5'}, slow);
});
});
它的目的是：
1)在无序列表中，使用id为mainmenu的伪类:hover，从列表项中取消设置
浏览 2提问于2011-12-25得票数 4
1回答
我有一个jQuery的slideDown/slideUp动画，它在IE9和火狐上运行得很流畅，但在Chrome上却非常不稳定。如果我删除css文件就不会出现这个问题，所以我相当确信这是Chrome和页面的CSS之间的一些交互。
是否有任何工具可以诊断此类问题的根源？或者，有没有一些关于jQuery/CSS交互的指南，可能会导致动画不稳定；CSS不能使用的列表？
这里是CSS的粘贴盒，以防任何人足够熟悉CSS‘s并指出罪魁祸首：。即使你可以，我仍然对问题中更一般的“如何诊断CSS问题”部分感兴趣，这样我以后就可以自己做了。
浏览 2提问于2011-12-06得票数 3
回答已采纳
1回答
我试图将jQuery.animate()的效果应用于mouseenter上的列表项，将top属性更改为负值，并更改height，但动画正在进行时，列表中的其他元素会出现故障。当动画完成后，它就停止了。
这是一个显示故障的。
请注意，如果不使用任何动画就应用css，它将按预期的方式工作。这是另一个。
我漏掉了什么？是否有办法适当地达到这一效果？
浏览 0提问于2013-11-28得票数 1
回答已采纳
这是我现在拥有的jsFiddle：
我正在jQuery中重做一个Flash部分。有一个标志和7个内联列表项目(导航)，我需要从顶部动画。我想使用jQuery在开头添加top:-5em，然后让它们一个接一个地下降。
什么都没起作用。注意:该徽标点击功能只是测试，我想让它改变CSS，然后运行在页面上的动画加载。
$(document).ready(function(){
$('.nav a li').css("top:","-5em");
$('#logo').click(function(){
$(&
浏览 1提问于2015-05-26得票数 0
回答已采纳
1回答
我试图对jQuery中的SVG中的形状做一些基本的动画，加载了jQuery SVG。
问题1：
每当我试图动画一个标准元素时，我的控制台就会弹出一个错误：
代码：
// Load the map - this works fine!
var svgNode = $(divSelector).svg('get');
svgNode.clear();
svgNode.load(mapPath, {
addTo: false,
changeSize: true,
onLoad: resizeSvg // This is a function elsewher
浏览 0提问于2015-04-16得票数 0
我正在尝试使用jquery.path创建图像动画
<body>
<img id="elem" src="img/01.png" alt="img">
<script src='../jquery-2.1.0.min.js'></script>
<script src='../jquery.path.js'></script>
<script src='enter.js'></script>
</b
浏览 0提问于2014-07-30得票数 1
1回答
HTML为其选项选择标记动画
、、、、
如何在打开<select>列表时使用fadeInDown of animate.css动画？我不想为此目的使用<ul>标签和jQuery，因为我使用的是棱角和类型记录。
浏览 0提问于2018-05-18得票数 2
回答已采纳
1回答
我知道这里有一百万个这样的代码，但是我已经筛选了几天了，我不能让这个代码工作。
我正在尝试将hoverIntent添加到一个现有的Wordpress主题，Atahualpa。我喜欢这个主题，但我希望菜单能停留一段时间。对于复杂的页面结构，这是一个相当复杂的GUI可用性问题。
我对Javascript非常陌生，所以我很难知道我的语法等是否正确。我希望它是那么简单。这就是我所在的地方。
我已经在我的网站上加载了.js，并使用了Firebug控制台来确保它正在加载。
我已经在主题中启用了“菜单动画”。这有一些逻辑将其指向原始代码，即如下所示。
/* JQUERY */
jQuery(document
浏览 4提问于2013-05-18得票数 0
回答已采纳
我制作了一个由两个buttons控制的动画，用来垂直移动一个div，
使用jquery click，但问题是动画一开始就不能正常工作。
CSS
.black-div {
width: 100%;
height: 120px;
background-color: black;
position: absolute;
transition: top 1s 0s cubic-bezier(0, 0, 1, 1);
}
JS
$(".button-up").click(function(){
$(".black-div&#
浏览 1提问于2014-04-07得票数 4
回答已采纳
我正试图找出一种可靠的跨(现代)浏览器方法来使用CSS3动画事件和事件侦听器来获得对CSS3动画的精确调整控制。我知道这样做是有可能的。遗憾的是，尽管在过去的2-3周里我做了这么多研究，但我现在的能力还远远不够。
到目前为止，这是我在这方面的小动作：
下面是我要做的事情:我有一个<ul>，id为#main，id为<li>和一个.box类。当用户单击任何.box时，它都会将.move-y类添加到($this)中--它还同时将.move-x类添加到其余的列表项中。当用户单击另一个.box时，所有现有的.move-y and .move-x类都替换为.move-y-rvs a
浏览 1提问于2011-11-03得票数 8
1回答
以这个站点为例，如果你向下滚动到团队成员部分并打开你的开发控制台，你会注意到即使你停止滚动，仍然有少量的动画在继续。
相反:使用animejs的，当用户停止滚动动画时，动画就停止了，而不是有更多流畅的停止动画。
JS动画代码：
jQuery(document).ready(function($) {
// Window properties
let wHeight = window.innerHeight;
let wWidth = window.innerWidth;
$(window).resize(function () {
wHeight
浏览 0提问于2018-07-12得票数 0
回答已采纳
1回答
我目前正在构建一个带有一些css动画的登陆页面(相当基本的渐变)。我最初在css文件中设置了animation-play-state: "paused"，然后在滚动页面时使用jQuery访问它，以触发动画。
在我的Mac电脑上，Chrome运行得非常好，但是尝试在Safari和Chrome在我的iPhone上运行它似乎不起作用。
我检查了控制台日志，并尽可能地调试了它，一切似乎都正常，但是实际的动画没有运行(但是animation-play-state 正在将更改为"running"。
最后要添加的是，如果我将$(".row").css("
浏览 0提问于2018-03-10得票数 4
有人能帮帮我吗。我从css动画和变换开始。我想要的是一个除法的无限旋转(里面有svg )。我的css/html5组合在Firefox上运行良好，但在Google Chrome上就不行了。我不确定问题出在哪里。这是链接：
第二步，我想用jQuery控制动画。这在Chrome中同样不起作用，但在FF中起作用。指向此扩展示例的链接：
任何线索都将不胜感激。
浏览 1提问于2014-01-21得票数 1
基本上，我有两个jQuery包装元素$source和$target，其中$source是一个填充/占位符。
我想将$source动画化为$target的位置。在动画之后，我做了一个$target.replaceWith($source);
无论$source和$target在DOM中的什么位置，我都需要能够做到这一点。有没有jQuery插件/简单的方法来实现这一点？
至于我正在尝试解决的问题，我有两个列表，我正在尝试将一个列表中的最后一个项目动画化为另一个列表的开头。
这是我的尝试：
var moveItem = function ($sourceItem, $targetItem, call
浏览 2提问于2013-07-10得票数 1
7回答
在我的close函数中，我希望在运行完css转换之后完成所有的DOM清理工作。但可能没有任何转换正在运行/可能是多阶段的转换-(维护样式表不是我能控制的)。
我该如何编写如下所示的函数呢
function close () {
myEl.removeClass('open');
if (animation is running/about to be run) {
// wait for transition to end, then recursively check to see if another
// one has started, wai
浏览 69提问于2013-12-11得票数 18
1回答
我有一个关于jquery创建css动画的问题。
我刚刚完成了一个jquery插件，它用css绘制和动画dom元素。我只使用jquery来更改和创建css变量。我刚刚在我的手机上测试了我的代码，它似乎变得很不稳定。据我所读到的CSS 3动画是硬件加速，而jquery不是。
所以..。jquery硬件创建的运行时css属性是否加速？
例如，将css属性应用于使用过渡持续时间0.3s的刀片。
$(blades).css({'width':'5px'}); to animate
查看我在的代码
谢谢。
浏览 3提问于2014-10-18得票数 1
回答已采纳
1回答
角动画不工作
、、
我是新的AngularJS.I，我不能将动画应用到我的文本和按钮。我在控制台中没有任何错误。我不知道哪里出了问题。我想要不同的动画到我的文字和按钮。我在html中提供了css动画链接。这是我的html页面。请帮助我知道我是否以正确的方式应用动画。
<!doctype html>
<html ng-app="MyApp" >
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="bounceOut.css">
浏览 3提问于2016-02-15得票数 0
回答已采纳
1回答
跳到CSS3转换的末尾
、、、
我有一个应用程序，我正在尝试从jQuery .animate切换到CSS3转换，以响应滑动手势和按钮按下向左/右移动卡片列表。
它现在运行得很好，除了一件事。我希望这个应用程序在每次刷卡的时候都能移动一页卡，而我唯一能保留这一点的方法就是在执行动画时防止刷卡。否则，页面会突然变得不对齐。
这对于手势滑动来说是很好的，但是如果用户点击一个按钮或者旋转旋钮来导航页面，那么每次点击应该移动一个页面。如果它在动画过程中被点击，我希望动画跳到结尾并开始一个新的动画。
使用jQuery可以很容易地清除动画队列并跳到动画的结尾。这正是我想要的，但是使用CSS3。但是，到目前为止，我还没有弄清楚如何做到这一点
浏览 2提问于2012-09-14得票数 0
回答已采纳
1回答
我希望能够建立一个具有原生感觉的HTML5移动应用程序。
但是，我还没有找到一个很好的列表解决方案，有没有人有什么建议可以为html5手机应用创建一个原生感觉的列表？我也想利用CSS动画，而不是使用Jquery (或Jquery mobile)。
浏览 1提问于2013-05-31得票数 0
5回答
我需要一个没有jQuery功能的CSS3彩色动画。
我编码了这个：
function button_selection() {
setTimeout(button_selection, 800);
setTimeout(function () { $(".color").css("color", "yellow"); }, 200);
setTimeout(function () { $(".color").css("color", "blue"); }, 400);
浏览 3提问于2020-04-01得票数 2
回答已采纳
我有一个由jQuery和CSS执行的完全相同的动画的示例比较。动画如此之少，没有太多的事件发生，那么为什么jQuery会像这样落后呢？这太荒谬了..。CSS的动画效果很好。
谁能告诉我为什么jQuery动画会滞后，即使它们这么小？
浏览 1提问于2011-04-10得票数 3
回答已采纳
1回答
动画附加到列表
、、、、
我如何将从一个列表移动到另一个列表，最好使用Jquery动画？鉴于下面的代码，我知道我应该能够使用动画将语言转移到它在接收列表中所占的位置。但是如何获取坐标，并将它们转换为css值呢？
$('#list1').on('click', 'li', function() {
// $(this).animate( ??? )
$(this).appendTo($('#list2'));
})
$('#list2').on('click', 'li', function() {
浏览 0提问于2018-02-03得票数 1
回答已采纳
1回答
我在这里用jquery和css代码制作了两个悬停效果：
jquery hover和css hover是有区别的。对于jquery悬停，如果您在框上移动鼠标很短的时间并快速离开框，它将运行鼠标进入和鼠标离开动画，并将完成它们，而鼠标在鼠标进入动画结束后没有在框上...
但对于css悬停，如果您悬停框，悬停效果将运行鼠标离开动画，如果您将鼠标停留在框上，直到鼠标悬停动画结束！
如何让jquery像css一样悬停?！我不想让整个动画完全运行，当我移动我的鼠标在方框上，只是为了混战一秒钟！
浏览 0提问于2012-08-31得票数 1
2回答
错误是_this.offset不是一个函数。我将它登录到控制台，单击的是<li>元素，所以我搞不懂为什么这不能工作。
$('.item').click(function(e) {
var _this = this;
var topx = _this.offset().top;
var leftx = _this.offset().left;
var moveArea = $('#replace').offset().top;
var moveLeft = $('#replace').offset().left;
浏览 3提问于2016-04-19得票数 10
回答已采纳
我正在寻找一种方法来使用css动画，但如果用户浏览器不做css动画-然后退回到使用Jquery的动画。在Jquery中有没有一种简单的方法可以做到这一点？如果是一个小插件的话，一个插件就可以了，但是如果可能的话，我真的在寻找一些在jquery中做到这一点的方法。我想使用css动画的唯一原因是因为使用css动画时使用的处理器功耗要低得多。
浏览 2提问于2011-04-10得票数 6
回答已采纳
最近，我发现了可怕的动画洗牌列表，我很惊讶这一点。所以我试着用CSS和jQuery来做同样的事情。
我也试着自己做，，但它不起作用，在vue洗牌。
正如我在阅读之前所理解的那样，元素必须在DOM树中移动，但我不知道如何向其中添加动画。我认为我需要使用transform，但无法理解如何使用transform: translate，但在vue示例中，我没有找到翻译选项。
因此，我的目标是创建简单的洗牌(在我的链接示例中只有两个项目)，比如Vue中只使用CSS和jQuery。
谢谢。
浏览 1提问于2019-05-19得票数 1
回答已采纳
在本例中，我试图创建一个具有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
回答已采纳
1回答
我使用jquery为我的下拉列表制作动画，所以每当我单击它时，它就会下降或上升。但我得到了奇怪的动画。我也使用了自定义标记和属性，但我不认为这是他们的错。
这是用于动画的jquery。
$("ul").click(function(){
$(":nth-child(2)",this).slideToggle(parseInt($(":nth-child(2)",this).attr("speed")));
});
但我认为这并不是真正的jquery。这是css的东西。
ul{
display:inline-bloc
浏览 4提问于2016-10-29得票数 0
回答已采纳
1回答
我制作了"css3动画网站“，我希望用户能够通过”范围输入“来控制这个值。我想得出的结果是，在范围内，输入出现在"value“中，而不是在jQuery中，而不是javascript。
浏览 0提问于2018-08-04得票数 1
回答已采纳
我很难获得CSS转换(将div缩放到1.05，它的原始大小)，以便在下面的页面上与jQuery动画一起很好地播放：
当您在一个彩色div上悬停时，您可以看到CSS的转换，单击Email Us按钮会触发一个动画，但是动画被剪短了。
我已经确认，删除CSS动画允许jQuery动画正确显示。
我已经确定了两个行动方案：
从我的样式表中删除CSS转换并使用jQuery重新创建效果。当使用将触发动画的链接时，将删除CSS转换。。
我认为第一个选择是更好的两个，因为它允许动画复位到零，然后才被拿走。但我对更好的想法持开放态度，因此在这里发布了这个小问题。
谢谢您能提供的任何帮助。
浏览 3提问于2012-05-20得票数 1
回答已采纳
我有几个带有CSS动画的气泡div。使用jQuery，我想在悬停时停止动画，当用户不再悬停时继续运行。
Chrome中的所有东西都运行得很好，但是Firefox决定在暂停它之前先把泡沫弄坏。在暂停之前，它看起来是首先重置了气泡动画。
这是
我用来暂停它的唯一代码是：
// Set the hover and hoverOut
jQuery('.bubble').hover(function () {
// Pause the CSS animation
jQuery(this).css('-webkit-animation-play-state'
浏览 0提问于2014-02-12得票数 2
回答已采纳
我正在尝试使用jquery-3.2.1和css()函数来制作动画。动画可以在除IE以外的所有浏览器上运行，在IE中，它只是在悬停时跳到最后一帧，而不是对它们进行动画处理
$(".hi").hover(
function() {
$(".hi").animateSteps(-3429, -127, 37);
},
function() {
$(".hi").animateSteps(0, 127, 37);
}
);
$.fn.animateSteps = function(final, step, dura
浏览 14提问于2017-07-05得票数 0
回答已采纳
1回答
我目前使用这个JS动画插件：和我喜欢的不同结果是橙色的例子。据我所知，CSS转换只能做黄色的例子。
有什么方法可以完全用CSS来复制吗？
如果不是，那么是否有一种使用CSS转换的方法，但是使用相同的原则(两个世界都很好地混合)控制JS (jQuery)呢？
也许这能帮上我的忙：
浏览 1提问于2014-10-11得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
