嘿，伙计们，我刚开始使用Jquery，我尝试在我的网站上集成scrollr.js插件，遇到了一个困难，我有以下的HTML：
<div data-0="background-color:rgb(0,0,255);transform:rotate(0deg);" data-500="background-color:rgb(255,0,0);transform:rotate(360deg);" class="block"></div>
和下列CSS：
.block {
height: 200px;
width
浏览 0提问于2015-03-14得票数 0
回答已采纳
我想找到并学习一个js库，它将允许我对我在Illustrator中创建的SVG文件进行动画处理。我在后效和动画图形方面有很大的背景，所以我正在寻找一个JS库，它将给我提供很多动画功能。
我现在正在查看BonsaiJS，我想知道是否有人可以建议我是否允许我制作SVG文件的动画，如果允许，请告诉我如何开始这样做。
现在，我将SVG嵌入到我整个站点的图像标签中。我很快写了一些示例代码来说明我的想法，如何使用盆景动画我的SVG。但是，对于处理现有的SVG文件而不是形状，有什么特殊的要求吗？抱歉，听起来含糊不清，SVG格式和JS动画库对我来说都是新的。简单地给我介绍一个使用js库制作SVG动画的教程将会
浏览 2提问于2013-04-19得票数 0
回答已采纳
我已经制作了一个动画与Adobe动画CC作为HTML 5画布项目。我可以通过几种方式发布动画：
作为html: 1文件html，1文件js，几个目录包含的文件。页面都是包容性的(head，body，包括库)，并且将它包含在一个Ionic页面中意味着解压缩html (对吗？)我在努力，但这似乎有点复杂。
作为电影.mov，但在文件大小方面有点昂贵
在这两种情况下，我不知道如何将公布的结果包含在一个Ionic页面中，我想我遗漏了一些东西。
那么，如何在Ionic 2框架页面中包含Adobe动画CC动画呢？
更新:我试图解压缩html。尝试将动画发布为HTML5动画，使用发布设置“包
浏览 0提问于2017-12-15得票数 4
回答已采纳
我有这样的动画(anime.js示例)：
anime({
targets: '.selector',
opacity: 0.5,
translateX: 200,
duration: 1,
});
然后，我需要设置这个动画的进度取决于页面滚动位置(或任何用于滚动的js库)。
例如：
在20%的滚动中，必须设置为"opacity:0.9;transform:translateX(40px);"
关于50%的卷轴- "opacity:0.75;transform:translateX(100px);"
等。
我想避
浏览 2提问于2021-09-21得票数 0
1回答
滚动画盒
、
以下问题的第一部分由
Andrew www.zebrasus.com
谢谢你帮我看了一眼
如果有人知道Firefox为什么要报告“div-动画. is”的零星问题，那还是有帮助的。
我自己创建了大部分JavaScript代码。直到几天前一切都很顺利。我不知道我改变了什么，但现在我的代码不再在FF中工作，而是在IE中工作得很好？
你能看看吗？
让我知道我在homepageScroll.js上做错了什么。
看起来这个函数正在尝试触发，但是有什么东西阻止了它。
附带注意: FF在div-动画. JS中报告了一个零星的JS问题，但它的功能是否与所有浏览器的设计相同？
浏览 2提问于2011-05-10得票数 3
我正在为一些当前/未来的项目在业余时间处理一些knockout.js绑定处理程序，我想知道传递多个参数的最佳方法是什么。 (不用于生产)
例如，我有一个"cssAnimateVisible“绑定处理程序，如下所示：
HTML:
<div data-bind="cssAnimateVisible: isCssAnimateVisible">Animation</div>
Javascript:
self.isCssAnimateVisible = ko.observable(false);
我可以打开可观察的开关，它将播放任何默认的动画，我希望它在
浏览 6提问于2013-10-22得票数 1
回答已采纳
我对堆叠溢出很陌生，所以我希望我在这里做所有的事情。
因此，关于我的问题：
我与Flash合作，制作了一个小型HTML5画布动画。在这个动画中，有一个Textfield，我想在这里从一个文件/数据库中加载文本。这个是可能的吗？我假设我必须使用javascript/json，因为bec Flash画布正在使用它。但是，我可以直接用Flash (在Actions中)对它进行编码，还是必须打开js-输出文件并将代码放在那里呢？有没有这种情况的例子？
第二，更具体的例子是，我希望将一个特定的文本加载到我的文本字段中，例如：
假设我有三种语言的文本(英语，意大利语，法语)。因此，我发送一个变量，其中说明
浏览 0提问于2015-05-26得票数 0
5回答
什么是动画的最佳选项(纹理动画，移动对象，隐藏/显示对象，...)在three.js？你用额外的库吗。例如tween.js或其他什么？谢谢。
浏览 13提问于2012-07-31得票数 7
回答已采纳
1回答
我正在尝试找到用于在react js中渲染不同私有路由的动画的库。我只找到了CSS转换组，但它们只对开放的路由有用。那么，在React JS中是否有一个库可以为私有路由添加动画呢
浏览 8提问于2020-06-26得票数 0
我创建了一个混合来设置不透明度和水平/垂直位置的动画。我已经通读了SASS网站上的文档。mixin当前为不透明度设置动画，但无法移动元素-- translateX和translateY。
@mixin keyframes($animation-name, $axis, $start, $end) {
@keyframes #{$animation-name} {
0% {
opacity: 0;
transform: #{$axis}(#{$start});
}
50% {
opacity: 1;
}
10
浏览 45提问于2018-06-01得票数 1
回答已采纳
1回答
我正在使用动画-js动画库在悬停时增长一个div，并在移动鼠标时缩小div。下面是这个库的文档：
当你慢慢移动并等待每个动画在移动鼠标之前完成时，动画工作得很完美，但是你要在鼠标上悬停，然后在“成长”动画完成之前快速移动鼠标，它会在“收缩”动画的末尾闪现，反之亦然。下面是我的意思的一个代码示例：
CodePen：
HTML
<div id="btn" class="btn"></div>
JS
var btn = document.getElementById("btn");
btn.addEventListener(&
浏览 2提问于2017-04-16得票数 2
回答已采纳
1回答
svg动画浏览器支持
、、、
我想深入到精彩的世界的.svg动画为我工作的网站。
我想做一个图标，在悬停上动画。我已经找到了多个教程，它们都可以帮助我，但是，我注意到实现svg动画有很多不同的方法。
我可以找到很少的信息是什么是最受支持的方式动画一个svg。它有js库吗？有生命的标签？css动画？
js库对我来说似乎是最好的，但我也喜欢使用css的想法。有人能告诉我更多关于这些方法的浏览器支持吗？
浏览 0提问于2016-09-22得票数 3
我想知道使用setTimeOut或setInterval在javaScript中制作动画的正确方法(我指动画的循环部分，在特定时间后循环)？
如果这是正确的，也是唯一的方法，绿色袜子(Gsap)和其他JS动画库使用setTimeOut和setInterval在特定的时间做动画吗？那么animate方法在jQuery中呢？
更新
我使用来制作动画，它提供了非常快速和流畅的动画。我只是问这个问题，想弄清楚他们是如何处理动画非常流畅和快速的？
正如我在问题中提到的，有一些像setTimeOut和setInterval这样的函数用于处理动画，还有另一个函数名是requestAnimationFrame
浏览 0提问于2017-02-19得票数 1
回答已采纳
虽然我在网上搜索了很多关于这方面的信息，但是我找不到任何关于它的信息，所以我来这里寻求帮助。
困扰我的是:无论我使用哪种方法--一个jQuery .animate，还是一个css3转换，我的动画看起来并不完美。我不明白为什么他们一开始是这样出现的，这是如此微妙，我不得不做一些视频封顶来证明这一点。但它肯定在那里--动画是杂耍的。有时帧发生得太快，有时太慢。
把它来回翻六七次，你就能看到我在说什么了。
我可以用jQuery理解这一点-- JS的执行并不完美。快速分析表明，实际上，当使用jQuery anim时，一些帧被触发得太快，而有些帧被延迟了。但对CSS3呢？
人们是如何解决这个问题的呢？
浏览 3提问于2012-01-07得票数 3
我想知道如果一个混合器文件包含许多动画，three.js库如何知道你想在浏览器上打开哪一个动画？
由于THREE.AnimationHandler.add()已弃用，因此应使用THREE.Animation (mesh，geometry.animation)函数，该函数不需要动画名称。
有人知道three.js是怎么做到的吗？
浏览 2提问于2015-07-09得票数 1
我有点困惑，哪个版本动画CC支持。
据我所知，ActionScript 3是基于ECMAScript 4的。
是否可以使用ES6和/或标准JS库？(是否可以用GSAP使用动画CCs动画工具)
浏览 2提问于2016-04-24得票数 0
回答已采纳
好的，我试过两个动画库，第一个是，第二个是，它们都能很好地处理普通的js，但是没有反应js，有什么好的想法吗？错误是没有道理的。请尝试安装这两个软件包的基本npm，并尝试在一个react项目中使用它们，它们都不能工作。有什么原因吗？以及如何实际使用这些库中的反应js？我猜这与ReactDOM的ReactDOM有关，它改变了DOM元素，因此在动画库找到它们之前就删除了所需的元素。
来重新创建我的场景：-请试着运行一个简单的react项目，然后一个一个地添加这两个动画库
浏览 9提问于2020-07-28得票数 0
回答已采纳
1回答
因此，我一直在搜索一个js库，该库复制了reactjs动画功能，但没有附加到更大的库(比如角的ng动画)。我见过几个独立的例子，但它们中的大多数要么缺乏功能，要么它们的文档很糟糕。注意，我不想让这成为一个“什么是最好的库”的问题，以避免意见-我只是问什么是最近的独立库反应的动画功能(可以依赖于JQuery)。
浏览 2提问于2015-03-10得票数 0
回答已采纳
2回答
我有脚本(myscript.js)，它可以在任何超文本标记语言页面中创建div和动画div。我的脚本使用了Jquery动画函数
我目前使用的是以下代码(这是示例代码片段)
<script src="jquery.js"><script>
<script src="myscript.js"><script>
但是，是否可以只使用下面的代码来自动添加JQuery库呢？
<script src="myscript.js"><script>
浏览 1提问于2012-09-23得票数 0
回答已采纳
我有一个透明背景的动画和一个HTML画布。
在将对象添加到画布之前，应该先播放动画。
动画源是一个Flash文件，还有一个HTML/JS (CreateJS)导出和一个可用的动画GIF。
画布使用运行在React应用程序中的Fabric.js。
我的问题如下：
在描述的用例中实现动画的推荐方法是什么？
目前，我最好的方法是将CreateJS导出集成到React应用程序中，并在播放动画时将Fabric.JS画布与CreateJS画布“重叠”。这个解决方案可以工作，听起来也很复杂，而且对我来说很臃肿，因为我将集成另一个画布库(CreateJS，除了Fabric.js)，而且两者都需要在动画的定时/
浏览 2提问于2017-01-03得票数 4
1回答
我有一个动画，我想要在动作被调用之前发生。
动画是通过div的onclick命令触发的。
我想要的是一个js动画被调用，导致一个rails动作被调用，然后重定向到一个成功的页面。
我使用Rails3和jQuery作为我的js库。我希望它以这样的方式完成，如果运行该站点的计算机没有启用JS，它将只执行操作并重定向到成功页面。
谢谢，Muki。
任何人？？
浏览 9提问于2011-02-28得票数 1
回答已采纳
可能重复：
我试图传递一个函数参数作为jquery动画的设置，但我无法让它正常工作。
功能
function gridClick(a, b){
$(c).animate({
a : 0,
b : 0
}, 10000)
};
调用函数
gridClick('top', 'left', this);
控制台日志显示，a和b作为顶部和左侧被输出，但它们实际上并不影响顶部和左侧的动画。这是语法错误还是还在继续？
浏览 3提问于2012-12-17得票数 0
回答已采纳
3回答
我想创建一个折纸一样的折叠动画使用WebGL或画布(没有闪光！)。我想要重现的效果类似于中的效果。
对于立方体，最终动画的清晰视图可以表示为：
我试图使用库，但我找不到一种方法来使THREE.Mesh的单个面孔具有动画效果。我也尝试过简单的CSS3动画，但它会使超过6个面的实体动画变得非常困难-因为它不可能在2个或更多个面之间创建关系。
有没有人可以推荐其他JS库？或者，有没有办法通过three.js来实现这一点？当然，如果有一种方法可以仅仅使用canvas2d就能让它工作，那就太好了--但我认为这是不太可能的！
浏览 6提问于2012-05-19得票数 4
回答已采纳
2回答
什么是最好的JavaScript动画库的手机HTML5画布标签游戏开发？
许多可用的库不能为许多电话设备提供所需的性能。
我测试了doodle.js和processingjs，以及普通的setInterval和setTimeOut。这些不能按要求执行。动画无缘无故地弯曲了。
对HTML5手机游戏画布动画有什么建议吗？
浏览 1提问于2012-12-19得票数 1
创建饼图和其他动态动画信息图形的最佳方法是什么？
我应该研究像paper.js这样的js库，还是应该使用最小的js和css3创建自己的js库？
示例确实是我想要看到的。谢谢!
浏览 1提问于2011-10-16得票数 0
回答已采纳
我有一个网站与某些动画，CSS，动画gif和"JS动画“。在一些移动设备上，动画速度很慢，所以我想检测到这一点，并关闭CSS动画，并使用静态图像来代替gif动画。
移动设备浏览器确实支持CSS动画，但是执行起来很慢。
如何使用Javascript函数测量浏览器的实际性能，以便决定是否打开或关闭动画？任何Javascript库都可以吗？
浏览 1提问于2014-07-22得票数 0
1回答
以下是我尝试过的：
我使用一个名为Konva.js的库在前端创建动画。
动画包括文字、图像、形状等。
前面的一切都很好。
我想做更改文本和渲染1000 s的视频在后端。
我不确定Konva.js库是否是正确的方法。我能够运行文本动画并将它们保存在后端，使用一种将帧转换为视频的方法。
但是，我不能在画布中以视频作为背景来做文字动画。
更多细节-
我知道的概念，我可以在后端渲染视频使用无头浏览器，如幻影或普佩蒂尔。
这意味着在大规模部署它时，会有太多的计算资源，还有其他好的方法吗？
浏览 8提问于2022-01-19得票数 3
1回答
我的客户想让我把他的网站从西班牙语翻译成英文，但它最初是用Adobe制作的，并且托管在Adobe催化剂上。我确实有一个Adobe的帐户，但是前设计者不想让我们完全访问这个站点，只允许我们访问有限的管理控制台和FTP。
因此，我需要翻译这个Adobe动画：
有三个文本实例，我不知道在哪里可以编辑。I以下各点：
edge_includes -> edge.1.5.0.min.js
edge_includes -> jQuery1.7.1.min.js
Experiencia1_edge.js
Experiencia1_edgeActions.js
Experien
浏览 2提问于2014-01-25得票数 0
回答已采纳
1回答
我是否可以在没有velocity-react库的情况下使用velocity.js动画在React组件中进行集成？我不喜欢默认情况下，当组件被挂载时，动画的最终状态就会显示出来。如何使动画在组件负载上运行？
浏览 3提问于2016-09-02得票数 1
回答已采纳
我试图效仿一本关于用JS画布制作动画的书中的例子。
其中一个示例使用以下调用从原型创建了一个sprite：
sprite = new Sprite('runner',
new SpriteSheetPainter(runnerCells),
[ runInPlace, moveLeftToRight ]);
"runnerCells“是对JS数组的引用，该数组确定动画中每个单元格在spritesheet上的位置。我无法理解的是，如何访问"sprite“变量，使我能够将
浏览 1提问于2013-10-02得票数 1
回答已采纳
1回答
我希望能够定义使用Paper.js的推特动画。到目前为止，我已经确定Tween.js可能是用于此的最佳库。然而，我没有在网络上看到任何例子，它们似乎都是针对Three.js的。
有没有人对我如何实现推特动画有其他的建议？我试图在mouseMove()、mouseDown()和mouseUp()事件上绘制一些路径。
浏览 0提问于2014-08-04得票数 2
回答已采纳
我是新来的。目前，我设法从标准HTML、CSS、JS到React、SASS、JSX等更新我的简单网站。问题是，有一个画布标记，我使用Paperjs库运行Vanilla Javascript制作的动画，但我不知道如何将当前的JS动画实现到我的React项目中。
这就是我身上的标签：
<canvas id='paperjs-canvas' resize></canvas>
<script src="js/libs/paper-full.min.js"></script>
<script src="js/j
浏览 1提问于2019-05-30得票数 1
回答已采纳
2回答
带有动画bg的画布文本
、、、
嗨，我发现了不错的效果 -动画文本bg。(动画背景，标题为HYT WATCHES，LE BATAFOR，MAURICE LACROIX)
这个站点使用mootools作为js框架，我想使用JQuery。
，也许有人会给我一些提示，如何产生这种效果？
浏览 8提问于2013-06-19得票数 1
回答已采纳
我目前正在编写一个名为quickly.js的库。有conceal(milliseconds)和display()函数，它们有通过CSS编程的动画。隐藏功能动画工作正常，但显示功能动画不能正常工作。它不会褪色。相反，它突然出现了。下面是一个演示bug的JSFiddle：。
浏览 1提问于2016-11-13得票数 0
回答已采纳
我正在自学babylon.js，我正在创建一个动画库类(在javascript中)。我想知道babylon.js是否提供了一个工具，使我能够提取我的僵尸角色的全部动画关键帧？
作为一种解决方法，我所做的是很难输入总帧，但我想动态地完成它。
浏览 0提问于2014-12-31得票数 2
回答已采纳
请让我知道为什么不能在下面的代码中添加.fadeIn()动画到.html()中吗？
jQuery(function() {
var i = 0;
var text = ["Welcome", "Hi", "Sup dude"];
setInterval(function() {
$("#changeText").fadeIn(300).html(text[i]);
i++;
if (i >= text.length) {
i = 0;
}
}, 2500)
浏览 1提问于2015-07-25得票数 1
回答已采纳
2回答
我试着做一个旋转块，它的转速由<input type="range"控制。问题是我找不到解决方案，当速度更新时，不会重新启动动画。
我尝试了三种变体：
直接设置CSS动画速度由JS。-重新启动动画；
jQuery的animate -不适用于转换；
库anime.js -它有速度变化的方法，但它也重新启动动画(或者只是块跳转，还不清楚)
什么方法允许通过JS动画创建平稳的变化？
let block = anime({
targets: '#transforms .block',
rotateY: '360'
浏览 3提问于2018-04-24得票数 4
1回答
我遇到了gRaphael javascript行图表库的问题。
我正在从CSV文件构建一个线条图，该文件有五列(分钟、时间、等待时间、治疗时间、关闭时间、位置)。
以前，我已经能够绘制完整的图表，没有动画。它有正确的四行等。
现在我的代码在动画函数上失败了。以下是错误：
未明的TypeError:对象#没有“动画”方法
我假设jQuery在某种程度上扰乱了动画功能，并试图控制它。
function animateChart(newX, newW, newInT, newC, newInL){
var chart2 = paper.linechar
浏览 5提问于2012-10-02得票数 4
回答已采纳
1回答
画布精英库或教程
、、、
我正在寻找一些简单的javascript库来管理动画。我需要一些真正简单的东西，只是为了“解析”动画到帧。我想自己处理一切，我只想知道动画中有多少帧，以及如何获得我想要的帧。
我在谷歌上做了一些挖掘，我找到了一个非常好的(sprite.js)，但它太大了，它会迫使我重写我的应用程序。
有没有简单的库，或者如何处理动画图像的教程？(gif和其他)。
浏览 2提问于2012-06-15得票数 0
回答已采纳
1回答
当我用velocity.js在15秒内向左和向下分别为90px和90px的长方体制作动画时，动画有点抖动。
我如何解决这个问题，或者我应该只使用JS的另一个动画库？
$(function() {
$("#box").velocity({
top: 90,
left: 90
}, {
duration: 15000,
easing: 'ease-in-out'
});
});
#box {
color: white;
background-color: black;
width: 50px;
heig
浏览 2提问于2016-01-29得票数 1
1回答
我有一个简单的React应用程序，它使用SVG动画库( Vanta.js )，而Vanta.js本身则在引擎盖下使用three.js。
我在谷歌PageSpeed Insight，GtMetrix，Pinging等网站上测试了我的网站性能。我的页面加载时间小于3秒，总页面大小在250 so以下，总请求为10，所以我的总体性能分数是85+。
然而，Google PageSpeed Insight说的是完全不同的东西(分数: 30)：
速度指数: 5s
互动时间: 35s
第一个CPU闲置: 35s
主要问题：
尽量减少主线程工作(没有详细解释)
高效的缓存策略(针对我的所有资产)
缩
浏览 1提问于2019-06-14得票数 1
1回答
我需要使用js 绘制分形，所以分形是动画的，直到它完全像蟒蛇海龟示例那样绘制。
我尝试过命令。在文档中有一个名为animate的函数，但是我无法使用它，它只能等待一段时间，然后绘制分形，没有任何动画。
我输入命令输入animate(demo, 1000)
有什么建议吗？
如果我不能在js海龟中使用动画，还有另一个快速简单的库可以完成绘制分形的工作吗？
浏览 1提问于2019-04-12得票数 0
回答已采纳
1回答
为web门户创建交互式SVG地图
、、、、
我正在创建一个带有SVG格式地图的web门户，并使用<object>标记在HTML代码中设置，以保持交互性的可能性。我的主要问题是如何在浏览器中创建和支持交互式SVG格式？
据我所研究，有几种选择：
SMIL动画直接出现在SVG中，
CSS动画，
JavaScript库。
在我看来，最后一种选择最有潜力。有许多库(Snap.svg、svg.js、Velocity.js、d3.js、jVectorMap.js、GreenSock .)如果有人能给我一些建议，让他们使用，我会很感激。
我需要直接使用<script>标记还是使用外部.js文件在SVG中使用
浏览 1提问于2016-10-07得票数 2
回答已采纳
我想在vue.js中使用enter/ want ，使用内置的javascript钩子进行转换：
我选择的动画库是GSAP：
同时，我的enter函数enter: function(el, done) {}和leave函数leave: function(el, done) {}都被正确调用。
enter动画工作得很好--但是左边的动画没有做任何事情。
我想这是一个与GSAP相关的事情，我还不明白。我尝试重置动画和清除动画元素的内联样式。帮不上忙。
以下是代码：
浏览 2提问于2017-09-30得票数 1
回答已采纳
2回答
我想制作一个动画，像图片1那样取一个盒子，然后像图片2一样把它分成盒子。
我尝试了几个基本的库(如animate.css)，但没有一个库提供的动画足够高级，可以完成这样的任务。我如何才能完成这样的事情呢?我应该使用库吗?或者用普通的js实现它是否足够简单？
浏览 0提问于2019-01-13得票数 0
1回答
我已经写了一个使用路径变形创建动画svg的工具。目前，我的工具仅依赖于从字符串构建代码，但我对过渡到svg.js库很感兴趣。我遇到了一个路障，虽然路径变形部分，也就是说，创建像这样的东西
我在svg.js文档中没有看到任何关于动画的东西
它讨论了如何为'd‘属性设置动画，并为其提供to=和from=参数。有人能告诉我这是否受支持吗，我该如何做，如果不受支持，是否可以自己编写元素并将其添加到svg.js对象中？
浏览 5提问于2014-03-01得票数 1
2回答
我有画布2D环境的背景，但是我想执行像这样的3D动画，Three.js库是做这种动画的最佳选择吗？你能给我推荐一些有用的教程或文档吗？提前谢谢。
浏览 9提问于2012-09-04得票数 0
回答已采纳
1回答
Three.js -头像动画
、、、、
我有一个关于three.js库的问题。我想知道如何使用WebGL (three.js)库而不是混合器来创建动画，其中从搅拌器导出为Collada格式(.dae)的头像可以移动手臂或腿。
浏览 3提问于2015-06-24得票数 5
当我使用独立的highcharts框架时，当我更新数据时，动画就会出错。只有在我使用独立框架时才会出现这个错误。如果我使用完整的jQuery库，它就可以工作。这与我正在使用的highcharts指令有关吗？
你知道我怎么解决这个问题吗？我真的很想避免因为这个原因而在完整的jQuery库中使用dragin。
带有独立框架的Highcharts。如果我切换到jquery，动画就会起作用。
<script src="https://rawgithub.com/highslide-software/highcharts.com/master/js/adapters/standalone-
浏览 0提问于2014-01-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
