1回答
我在我的react应用程序中实现了一个简单的动画Js文本动画；我还有其他的动画Js项目，它们执行得很完美，但我只是不认为这个有什么问题，以及为什么它不能工作。
TextColourChangeLoader.js
import React from 'react';
import './styles/TextColourChangeLoader.css';
import anime from 'animejs';
export default class TextColourChangeLoader extends React.Compone
浏览 4提问于2020-01-15得票数 0
1回答
步骤动画不与速度进展一起工作
、、、、
当我知道速度的力量时。我不想用速度转换我的应用程序上所有的CSS3动画。现在我对步进动画有了问题。
，这是片段
$el = $(".velocity-animation");
$el.velocity({
paddingLeft : "0"
}, {
duration: 3000,
easing : "ease",
progress: function(elements, complete) {
var step = complete * 100 ;
if(step <= 50 ){
浏览 2提问于2017-01-27得票数 0
1回答
我有一个包含一些动画的div，当我添加jquery-ui时，动画事件不会触发。如果我注释掉启用jQuery-UI的行，一切都会正常工作(当然，ui函数除外)。下面是我遇到问题的代码片段。
<script type="text/javascript">
$(document).ready(function() {
$("#content").children().hide();
$("#Home").show();
$("#pagenav ul li").click(fu
浏览 2提问于2012-05-20得票数 0
回答已采纳
1回答
角动画的目的是什么？
、、、、
一段时间以来，我一直在想，为什么要使用角度动画而不是CSS动画。在使用它们之前，我看到很少会考虑到的领域：
性能
在第一步中，我找到了这个，它只处理性能方面的事情。接受的答案对我来说并不令人满意，因为它指出，只要有可能，就应该使用CSS动画，这样就可以应用像在单独线程中运行动画这样的优化。这似乎不是真的，因为声明
角动画是建立在标准Web动画API之上的，并在支持它的浏览器上本地运行。
(强调地雷)
当我们查看时，我们可以看到，同样的优化可以应用于网页动画，也可以应用于表单中指定的CSS。
虽然可以使用ECMAScript来使用requestAnimationFrame HTML执
浏览 0提问于2018-04-03得票数 86
回答已采纳
1回答
页面速度问题
、、
在上测试页面加载时间时，它说
Eliminate render-blocking JavaScript and CSS in above-the-fold content
并列出了几个javascripts (您可以查看提供的)
现在，我将这些脚本用作基本脚本angular.min.js、角动画.min.js、角-aria.min.js、角-Material.min.js，它们需要按特定顺序加载(不能在角之前加载角动画)
问题是如何使它们非阻塞?
我已经把他们关在头楼外面了
源代码：
请看一下源页面。
浏览 4提问于2016-02-25得票数 0
回答已采纳
1回答
基础6钻下动画速度
、、、、
我的目标是应用自定义动画速度到基础6钻取菜单中的基础6网站。我知道，在_settings.scss中，您可以通过$drilldown-transition更改初始单击动画，但是当返回向下钻取的级别时，动画参数将被忽略。
我检查了dist > assets > css > app.css，看看是否有其他参数或某种隐藏的CSS控制了这一点，但在我看来，它是通过JS处理的，而不仅仅是添加/删除类。
TLDR;，我想了解在返回一个级别时如何控制下钻菜单的动画速度/样式。
例：
浏览 2提问于2018-08-22得票数 0
编辑:这是我正在尝试做的一个例子： (请注意，菜单和导航并不完全对齐，因为导航过渡是由CSS控制的，而菜单延迟是由JS控制的。)
我正在尝试创建一个在幻灯片动画过程中触发一些JS的滑出式菜单。
在页面加载时，nav固定隐藏在视口的右侧，menu固定在视口的右上角。nav比menu更宽。在menu上，单击激发nav的滑出动画。我想向nav添加一个名称空间类，用于更改menu的CSS属性。我希望在nav的可见部分的宽度与menu的宽度相等时执行此操作，此时menu将成为滑出的其余部分的nav的一部分。
我需要结合使用CSS3和vanilla JS (jQuery不可用)。我可以很容易地用CSS o
浏览 1提问于2015-06-29得票数 1
3回答
如何在html加载后加载js文件
、、、、
我正在制作一个带有动画的模板。这里的问题是，与动画相关的JS文件应该写在HTML页面的底部，如
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<!-- Site Title-->
<title>Sample</title>
<link rel="stylesheet" type="text/css" href="//fonts.
浏览 0提问于2018-08-16得票数 1
回答已采纳
我使用将动画添加到文本中。我的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
回答已采纳
2回答
我们目前正在用html5/css创建一个动画产品。此动画连接到Node.js服务器，并基于从节点发送的事件id回复事件动画。
现在，出于测试目的，我们在动画未连接到节点时将事件ID传递给动画。
例如，我们打开Chrome控制台，输入"test.sendEvent( 1024 )“，它会在动画中回复事件1024。
如何使用Selenium通过控制台将此"test.sendEvent(1024)“消息发送到动画？？
为任何关于J的帮助干杯
浏览 0提问于2013-08-16得票数 0
可能重复：
我有一个html/css/js iOS应用程序，目前有几个动画同时触发。这不仅没有达到预期的效果，而且对于一些iOS设备来说，一次处理所有的事情也会导致动画的起伏。
我想要做的是做.animate()所有的事情，我想把动画添加到一个队列中，然后依次启动它们。这里的挑战是动画在整个应用程序中传播。
我很难找到如何用.queue()或其他任何东西来完成这个任务.
浏览 3提问于2012-09-25得票数 5
回答已采纳
当我将three.js动画放在body上时，它运行得非常好。当我试图将它放入一个div中时，问题就会发生。
相对于将three.js动画放在body上的版本，我在JS文件中更改的唯一内容是以下一行：
document.body.appendChild(container);
document.getElementById('for_three').appendChild(container);
如果我将document.getElementById('for_three').appendChild(container);更改为JS文件中的docu
浏览 0提问于2021-02-17得票数 0
回答已采纳
3回答
我想使用CSS的:悬停伪类来控制下拉式悬停。这已经完成了。然而，棘手的部分是动画的下降。我不想依靠jQuery来让菜单显示出来，它应该在关闭JS的情况下完美地工作(尽管没有淡出动画)。有没有一种方法可以“挂钩”到CSS:悬停，而不是运行一些jQuery (淡出菜单，在悬停)，如果JS是打开的？
浏览 7提问于2011-02-01得票数 2
回答已采纳
1回答
我试着把下面的JS插件合并到我正在开发的网站上，
One Page，皮特·R.
WOW.js，Matthieu Aussaguel (与animate.css合著)
在每一节中，我都希望在过渡完成后在其内容中进行动画化，但是WOW.js / CSS动画似乎没有效果，而且我被不可见的元素困住了。看起来，在显示动画在某种程度上与从一个页面滚动设置的视口/页面相冲突。有什么想法吗？我漏掉了什么？我将WOW.js的窗口设置为0。没有显示JS错误。
浏览 4提问于2014-05-12得票数 2
回答已采纳
2回答
我是个新手，所以请详细解释一下。我使用Lightbox2的jQuery文件和另一个jQuery文件在我的图像上执行菜单幻灯片动画和淡入淡出动画。我假设这两个jQuery文件之间存在冲突，但我不确定如何解决它。
有什么建议吗？我读到了一些关于jQuery.noConflict()的东西，但是我不确定如何实现它，或者它是否可以工作。
<script src="../Scripts/jquery-2.0.2.min.js" type="text/javascript"></script>
<script type="text/ja
浏览 1提问于2013-08-22得票数 0
您好，我添加了这个类来为结果添加动画：
class="animated bounceInUp" // https://daneden.github.io/animate.css/
但是如何对结果1进行动画处理呢？例如第一个结果，然后第二个结果，每个结果有0.4个延迟。
浏览 0提问于2016-10-20得票数 0
1回答
我有一个选项卡，上面有四个项目，它们都堆放在移动设备的顶部。我需要动画的点击li动画到底部。我用一些CSS动画成功地做到了这一点。
请检查一下小提琴-
我无法控制向上的运动。底部的项目并不总是一起上升。
浏览 1提问于2015-11-25得票数 2
回答已采纳
1回答
DIV和动画
、、、
当我用DIVs创建菜单并用JS制作动画时，我发现自己为菜单中的每个按钮复制/粘贴了相同的JS和CSS代码。有没有一种方法可以一次性创建动画JS代码和CSS样式代码，并在需要时为我网站上的任何按钮调用它们？
浏览 0提问于2014-01-22得票数 0
1回答
加载部分在第一次加载时不会消失
、、、、
我做了一个使用css和javascript来播放动画的加载器。在第一次加载网站时，动画有时不会播放，留下一个空白屏幕。我相信这与第二次加载时的缓存有关，这使得它能够工作。提前谢谢。
HTML：
<section id="loading">
<div class="circle spin"></div>
<img src="src/j2.svg" alt="J2 Logo">
</section>
<link r
浏览 0提问于2020-02-12得票数 0
1回答
形势
我一直在尝试创建一个react应用程序。首先加载的索引页包含一个基本的CSS和HTML加载动画，然后在</body>之前以阻塞顺序加载外部脚本和CSS，最后一个脚本删除加载程序动画并显示该页面。
这样做的目的是加载包含加载动画的非常小的页面(总共是2KB)，然后加载脚本、样式表和图像的8MB，从而创建更加无缝的用户体验。
<html>
<head>
...
[loader css]
</head>
<body>
<div id="loader">...&l
浏览 1提问于2016-07-31得票数 4
回答已采纳
2回答
根据，我一直在尝试使用jquery将css3动画设置为在整个页面加载后加载，但无济于事。有没有人知道其他的方法，或者是我忽略了什么？谢谢。
这是我的代码：
<script src="scripts/jquery-1.8.0.js" type="text/javascript"></script>
<img id="anim" src="image/some image.png" alt="image"/>
<script type="text/javascript
浏览 2提问于2012-09-26得票数 2
回答已采纳
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
3回答
我有一个用angular-cli创建的angular2项目。Angular-cli用的是webpack。
我会自定义加载程序，因为“加载...”白色背景上的黑色对我来说不合适。
因此，我使用svg动画为加载器重写index.html。但是动画是滞后的，有时甚至是冻结的。我的第一个解决方案是删除index.html末尾的*.bundle.js。然后，我捕获DOMContentLoaded事件以显示svg。Bingo，非常整洁。
然后，我为webpack动态添加了不同的脚本*.bundle.js。
问题出在main.bundle.js中，因为在执行过程中存在错误。
如果我让DOM中的原始脚本工作，
浏览 2提问于2017-04-04得票数 1
2回答
因此，基本上，我想使用一些似乎可以在codepen上工作的东西。CodePen的链接在这里：https://codepen.io/anon/pen/JMOQzE 主要问题: Javascript应该处理动画，但没有显示出来。感谢评论区的提醒 我基本上复制了所有的CSS和Javascript。然后我的HMTL看起来是这样的： <!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="./style.
浏览 28提问于2020-04-21得票数 0
回答已采纳
请有人解释一下为什么以下内容不起作用。这种情况发生在相同的单击事件上，但是CSS函数不是直接发生的，所以如果可能的话，我不想使用动画函数的回调。
注释:动画会触发，但css不会.
container.animate({
left : (posLeft + slideWidth),
});
container.css({
left : '-'+(itemsLength + startX)+'px',
浏览 2提问于2012-08-15得票数 0
回答已采纳
1回答
我创建了一些动画，并使用javascript将它们应用于div。基本上，我所做的是使卡旋转和translateX在盘旋和回来。当我想要回来的时候，两个div第一次无意中在动画前向上移动。
是的，我知道我的代码可以压缩，但当时我只是在创建一个草稿动画。
<head>
<link rel="stylesheet" type="text/css" href="index.css">
<script src="index.js"></script>
</head>
&
浏览 0提问于2017-07-08得票数 0
回答已采纳
1回答
我正在努力理解异步标记的工作。假设我的html中有以下代码：
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/big.js"></script>
<script src="js/small.js" async></script>
浏览 4提问于2015-01-27得票数 0
1回答
我目前使用这个JS动画插件：和我喜欢的不同结果是橙色的例子。据我所知，CSS转换只能做黄色的例子。
有什么方法可以完全用CSS来复制吗？
如果不是，那么是否有一种使用CSS转换的方法，但是使用相同的原则(两个世界都很好地混合)控制JS (jQuery)呢？
也许这能帮上我的忙：
浏览 1提问于2014-10-11得票数 0
回答已采纳
1回答
我正在开发一个镀铬扩展。我想知道的是，弹出窗口可以显示pdf中的文本。我搜索了PDF.js，并在chrome扩展的backgroud.js中编写了以下代码进行测试：
‘use strict’;
var pdf = PDFJS.getDocument('http://www.pacer.gov/documents/pacermanual.pdf');
var pdf = PDFJS.getDocument('pacermanual.pdf');
pdf.then(function(pdf) {
var maxPages = pdf.p
浏览 2提问于2014-09-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
回答已采纳
编辑：，所以现在它不是随机的，看起来它总是无法从.css()方法执行(没有做任何更改)。但还是不明白我可能犯的错误。
我试图用jQuery和animate.css动画化删除div。
问题是这个动画所依赖的事件和操作实际上是随机执行的。
此代码是响应click在.on("click"...处理程序中运行的：
$('section').on('click', 'button', function() {
// Remove the selected card
$(this).closest('.mdl-card&
浏览 3提问于2017-01-06得票数 6
回答已采纳
我有一个网站与某些动画，CSS，动画gif和"JS动画“。在一些移动设备上，动画速度很慢，所以我想检测到这一点，并关闭CSS动画，并使用静态图像来代替gif动画。
移动设备浏览器确实支持CSS动画，但是执行起来很慢。
如何使用Javascript函数测量浏览器的实际性能，以便决定是否打开或关闭动画？任何Javascript库都可以吗？
浏览 1提问于2014-07-22得票数 0
我的查询很简单，
我有这个文本动画，它是来自我的var内容字符串的所有字符的<p> </p>中多个<p> </p>元素的组合。
不，我使用这段代码来动画这一行：
var content = 'This is Example Line of Animation, This is Example Line of Animation,';
var ele = '<span>' + content.split('').join('</span><span>&
浏览 2提问于2022-11-08得票数 0
回答已采纳
我在SAPUI5中加载amcharts库时遇到了问题。有3个amCharts库我想要加载，核心，图表和动画。我将它们放在我的项目结构中一个名为libs的文件夹中……请注意，我想使用component.js文件，而不是index.html，因为我的应用程序将从Fiori Launchpad启动。 在一些很好的建议之后，我现在将它们加载到manifest.json文件中，如下所示 "resources": {
"js": [
{
"uri"
浏览 9提问于2019-04-18得票数 0
我尝试使用react和OpenComponents创建一个小部件，当我尝试使用我的小部件客户端时，react部件加载是正确的，但是javascript逻辑不起作用。
我查看控制台，没有错误消息。在使用react之前，我尝试使用车把，和我有问题。我还试着使用它，服务器端的，它工作得很完美。
，这是我的index.html
<html>
<head>
<link rel="stylesheet" href="css/mycss.css">
<title>Widget</title>
<
浏览 2提问于2016-10-03得票数 3
我正在尝试使用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回答
以这个站点为例，如果你向下滚动到团队成员部分并打开你的开发控制台，你会注意到即使你停止滚动，仍然有少量的动画在继续。
相反:使用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
回答已采纳
2回答
我正在做一个小的概念验证，以实验在悬停时堆叠和触发动画：
我还没有弄清楚的是，如何基于悬停来移动悬停时每个元素组的z索引(因此黄色将高于橙色和绿色)。据我所知，这不是CSS的选项，而可能是JS？我只需要删除元素并移动它的标记吗？
我听说这是Velocity.js的一个选项，但我不知道怎么做。谢谢!
浏览 21提问于2017-07-15得票数 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
回答已采纳
1回答
我的代码在codepen (下面的链接)中运行得很好，但由于某种原因，它在浏览器中无法运行。我从localhost运行代码，但按钮没有响应。 CODE 下面是我的VS代码 jQuery(function($) {
$('.removeDiv').on('click', function() {
$(this).closest('#cookieNotice').remove();
});
}); <html lang="en">
<head>
<!-- Required me
浏览 23提问于2019-08-31得票数 0
回答已采纳
场景：
在鼠标移动事件(悬停)上，动画播放(比如动画图像变得更大)。然后，在鼠标退出事件上，动画反转(动画图像在鼠标上无缝缩小，而不是在图像上徘徊)。动画在鼠标退出图像空间的任何时候都会反转。
约束：
对象在文件中的动画CSS属性(或CSS转换属性)，在CSS文件中使用，在JS文件中使用事件，在JS文件中使用使用JS文件中的JS事件侦听器函数(<code>f 213</code>)
浏览 7提问于2022-03-15得票数 0
用JS实现的CSS动画似乎不会出现在Developer Tools的动画选项卡中。
例如，查看YouTube“静音”按钮。CSS文件中没有定义关键帧或动画细节。
CSS动画似乎是由一个JS方法执行的，该方法调用SVG元素中的"path“元素的CSS”转换“函数。但是，很难遵循代码，所以我无法复制CSS动画。
有人能确认吗？
浏览 6提问于2022-08-02得票数 0
回答已采纳
1回答
TLDR: My load动画(用JS编写)不会在我的Webpack捆绑加载时播放，这违背了加载动画的目的。我在寻找一种方法，使两者并行发生。
我正在构建一个网页，它的主体是一个反作用应用程序，编译成一个越来越大的Webpack包。(我知道我应该跳上那辆懒散的装货列车；就目前而言，这个包裹只是一个整体的着陆页。)我为在一系列SVG框架上循环的页面实现了一个加载动画，很长一段时间以来，它似乎工作得很完美，但是添加Redux存储似乎把它推到了边缘。现在，每当我重新加载页面时，当捆绑包加载时，动画就会冻结约10秒，然后才开始播放，就像React应用程序调用加载程序的回调和动画逐渐消失一样。
下面是
浏览 3提问于2020-08-18得票数 0
2回答
我刚开始使用角度动画，我不想依赖jQuery来制作我想要的fadeIn动画。
我试过了ng-动画和.淡入-进入+.淡入-进入-进入-活动，但我没有任何进展。
我的页脚CSS看起来如下：
footer {
opacity: 0.3;
text-align: center;
}
我试着给它动画，使它的不透明性在2秒内达到1。
这是我正在运行的“角”的版本：
<script data-require="angular.js@1.1.5" data-semver="1.1.5" src="http://code.angularjs.org/1.1.
浏览 2提问于2013-08-24得票数 2
回答已采纳
1回答
我正在AngulaJS中做我的第一步。我尝试通过Bower和Gulpfile加载依赖项。
我安装了电线注射和保龄球。在我的Gulpfile.js中，我定义了接下来的任务：
'use strict';
var gulp = require('gulp');
var inject = require('gulp-inject');
var wiredep = require('wiredep').stream;
gulp.task('inject', function() {
var sources = g
浏览 7提问于2015-06-12得票数 1
回答已采纳
2回答
我有一个简单的角度网页应用程序和我有问题时，我重新访问一条路线。在第一次访问时，路线的控制器使一切按其应有的方式工作。第二次拜访时，事情就会破裂。控制器在视图中设置画布元素的维度。一个简化的控制器示例：
// app.js
var app = angular.module('noahdecocoApp', ['ngAnimate', 'ngCookies', 'ngResource', 'ngRoute', 'ngSanitize', 'ngTouch']);
app.config
浏览 3提问于2014-08-09得票数 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
回答已采纳
1回答
我正在用UIView动画功能测试一些东西，我对你对动画缺乏控制感到有点困惑。也许我错过了什么
<code>A0</code>
此动画只是将视图从左向右移动，并重复该过程。我似乎在api中找不到任何东西，它允许我寻找动画的特定时间并从那里开始。或者简单的事情，比如暂停和播放，或者获取当前的播放位置。有没有什么方法可以控制动画，它几乎就像css动画--零控制。
谢谢你的建议
浏览 8提问于2020-08-04得票数 0
1回答
jQuery动画问题
、、、
我的网站上有一些jQuery的问题，我不知道我的问题是什么。有人能帮我检查一下吗？由于某些原因，Firefox的问题最多。
动画是简单的jquery动画，应该效果很好，但它在我的浏览器上一点也不流畅。 (动画位于函数start_animation和move_js中)
谢谢您抽时间见我
function start_animation() {
$('#website').stop().animate();
window_height= $(".intro").height();
animation = ((window_height)*-4)
浏览 0提问于2011-12-13得票数 0
当我运行webpack时，我的javascript资产没有按照正确的顺序执行。正确的顺序应该是
Jquery
引导
但是，已编写的包文件首先包含引导程序，然后是Jquery。请见下文
webpack.config
var path = require('path');
var webpack = require('webpack');
var extractTextPlugin = require('extract-text-webpack-plugin');
var cleanWebpackPlugin = require(&#
浏览 1提问于2017-01-03得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
