下面是我的App.vue代码：
<template>
<div id="app">
<router-view></router-view>
</div>
</template>
<script>
import 'material-design-lite'
export default {
name: 'app'
}
</script>
<style lang="stylus">
@import url
浏览 4提问于2017-09-29得票数 1
我在Text中有一个JavaFX对象，它充当场景的标题。
我是否可以在所述FX对象上调用动画效果(fadeIn，fadeOut)或在JS中创建动画队列，然后使用Nashorn将其应用于我的FX对象，并在场景中相应地显示效果？
示例
基于定时循环使文本对象“脉动”。(在JS中创建自定义动画)
用来自JS的slideDown函数慢慢地展开文本元素。
浏览 6提问于2017-02-02得票数 1
回答已采纳
在knockoutjs的“联系人编辑器”示例()中，“添加联系人”按钮在底部创建了一个新部分。有没有办法在bttom中使用像jquery的滑动效果那样的动画效果进行扩展？
感谢您的评论。
浏览 0提问于2011-10-08得票数 0
回答已采纳
1回答
在Windows 8应用程序中，当项目被选中时，我想使用Windows商店应用程序中使用的动画/转换/effect。
在这里，动画/过渡的解释：
打开官方的Windows应用程序
做研究
在结果列表中，单击应用程序
观察应用程序标题的行为(它在右下角以动画形式重新出现在页面上)。
我非常肯定，我在其他几个应用程序上也看到了这种效果。所以我的问题可能很愚蠢，但是SDK中是否有一种方法或什么东西来实现这种效果/动画/转换，还是应该“手动”呢？
提前感谢您对这一主题的建议！
浏览 2提问于2014-04-03得票数 0
回答已采纳
1回答
我试着把下面的JS插件合并到我正在开发的网站上，
One Page，皮特·R.
WOW.js，Matthieu Aussaguel (与animate.css合著)
在每一节中，我都希望在过渡完成后在其内容中进行动画化，但是WOW.js / CSS动画似乎没有效果，而且我被不可见的元素困住了。看起来，在显示动画在某种程度上与从一个页面滚动设置的视口/页面相冲突。有什么想法吗？我漏掉了什么？我将WOW.js的窗口设置为0。没有显示JS错误。
浏览 4提问于2014-05-12得票数 2
回答已采纳
Meteor如何处理实时变化？例如，我不希望改变是瞬间发生的，而是某种动画效果。如果我们使用css动画/过渡来放置要更改的项，这是否有效？老式浏览器的jQuery动画又如何呢？
浏览 1提问于2012-06-02得票数 40
回答已采纳
我正在尝试在raphael.js中实现一种脉动的发光效果。这是我的代码我对巨大的大脑感到非常抱歉。;)
我尝试对发光效果的宽度和不透明度进行动画处理，但两者似乎都没有受到动画的影响。我通过隐藏大脑元素，放大并仅检出发光元素来检查它，但根本没有任何操作。)
我尝试使用相同的过程对单独的(非发光)元素进行动画处理，但多个属性的动画效果确实不错。
谢谢!
浏览 2提问于2012-03-23得票数 1
回答已采纳
1回答
我有一个触摸屏开始页面，只想导航到下一页时，点击-没有动画/颜色变化的效果悬停，点击/按下。但点击时会出现一个灰色的不透明框..。有人知道怎么覆盖它吗？
附注:我知道有更多的方法可以做到这一点，但我决定将整个页面创建为一个按钮，并将不透明度降低到几乎透明。
浏览 0提问于2016-11-22得票数 0
我尝试了animate.css库，它在我的本地主机和jsfiddle中工作得很好，但是在现场它并没有立即采取行动，这意味着特定div的动画选项不是在开始时发生的，而是div首先出现在指定的位置，然后它来自顶部或者我所给予的任何效果。
我认为这可能是服务器加载时间问题。可能是由于加载速度慢，我可以先看到实际的位置，然后css类动画才会发生。我不知道该怎么克服这一切。
使用代码，就像在活动站点中一样，但是在js中，它工作得很好。
我尝试通过js直接在标记本身中给类赋值，因为我认为js最近可能会加载，即使我能够看到加载站点的静态位置，然后动画从上到下发生。
<div id="box&#
浏览 2提问于2013-12-02得票数 0
回答已采纳
2回答
我正在研究如何在我的WPF 4.0应用程序上产生效果，其中我有一个列表框，可以通过动画(而不是来回跳转)从列表视图(即我自己项目的垂直堆栈)切换到网格视图(从左到右的平铺列表)。
我一直在研究Blend 4中的流畅布局，并对其进行了修改，但没有太多的运气。
有没有人知道我如何创建一个可视化的状态，它将列表框的布局更改为网格(也将items模板更改为较小的缩略图版本)，并具有良好的动画效果？
我知道这听起来很多，但在我的应用程序中会有很好的效果！
非常感谢你能提供的任何帮助，如果我发现了什么，我也会回复的:)
标记
浏览 3提问于2010-06-25得票数 0
在过去的两个星期里，我一直在构建一个Meteor项目，我希望从使用Meteor并与之斗争的人那里得到一些关于负载顺序的想法。
拿出这个模板：
所有重要的javascript文件都在index.html底部引用。如果您尝试将其移植到一个Meteor项目中，那么祝您好运，所有的效果和动画都能工作，特别是在main.js中。
简单地将脚本标记留在底部意味着大量的javascript和jQuery动画无法工作，因为在Meteor中，JS文件完全可以在DOM全部加载之前加载。这破坏了很多东西。
使用Meteor，任何名为main.*的文件都将在其他所有内容之后加载。
请注意，这似乎只意
浏览 2提问于2014-05-13得票数 1
1回答
我已经在一个旧的香草js应用程序中创建了这个效果。我有一系列有悬停动画的块，当没有悬停时，动画会一个接一个地循环。
我已经用Vue js重新构建了整个应用程序，其他的一切都变得简单多了。这是我在没有dom操作的情况下努力做到"Vue“的应用程序中唯一的部分。基本上，我有一个3秒的超时时间，组件获取“活动”类，然后类切换到v-for中的下一个组件。
有什么建议吗？
浏览 1提问于2019-10-17得票数 0
我有两个无序列表，其中包含一组li元素。在我的后端中，每个无序列表中的li元素由一个数组表示，每个li元素对应于相应数组中的一项。
当我点击一个li元素上的复选框时，我的后端将该项从一个数组中拼接出来并放入另一个数组中。这将有效地销毁li元素，并在另一个列表中重新创建它。
我正在尝试调用一个向上滑动和向下滑动的动画，当项目消失并从列表上重新出现到另一个列表时。然而，我只能让幻灯片上的动画工作时，它离开一个列表。
当它出现在其他列表中时，向下滑动的动画不起作用，元素只是弹出。
有没有什么方法可以将slideDown()动画附加到所有新创建的li元素上？它会通过事件侦听器来完成吗？
下面是我的代码
浏览 0提问于2017-05-25得票数 0
2回答
三JS博弈效应
、、、
我正在开发一个多人网络游戏使用三个JS。到目前为止，我已经做了游戏逻辑(客户端和服务器端)，网格导入，动画，技能栏，健康栏.玩家实际上可以战斗。(想想mmorpg风格的游戏)
我错过了一件事，很难找到任何关于我所谓的“游戏效果”的信息(我指的是射弹、箭头、火球、爆炸、光环……)：就像这样：
所以我有两个问题要问：
这到底叫什么？VFX？游戏效果？暗影？我想如果我用的是不真实的引擎，这就叫做粒子系统，对吗？
在Three.js中有办法做到这一点吗？我不需要密码回答，但只是一些提示，我如何能做到这一点。我已经尝试了一些粒子引擎的Three.js，但没有这样的结果.我开始觉得这是不可能的
浏览 0提问于2018-02-06得票数 1
回答已采纳
1回答
我有一个expression blend 3解决方案，它有一些图像(我的按钮)。现在我有了一个故事板，可以在我的按钮上播放特定的效果/动画/淡入。我可以将情节提要复制到我的其他按钮上吗?或者我必须自己去做每个动画吗？
浏览 6提问于2011-02-09得票数 1
回答已采纳
当我拿着一个长列表选择器项目时，我正在尝试让它具有动画效果。我正在检查event hold，以便从我在AppResources中的故事板开始动画，但是，FrameworkElement在Windows Phone中没有BeginStoryboard。
我只是试着改变颜色，并对持有的物品做一个变换。
浏览 0提问于2013-02-20得票数 0
回答已采纳
我在角度动画中获得想要的效果时遇到了问题。典型的交叉淡入淡出，并且不透明度可以很好地执行交叉淡入淡出，但高度不是动画。
我做错了什么？
<code>A0</code>
现场演示：<code>C1</code>
浏览 11提问于2019-01-09得票数 1
回答已采纳
1回答
使用Blend 4处理WPF时，您可以通过从效果的下拉列表中进行选择，将动画添加到visual state manager中的可视状态更改中-这很容易，而且效果非常好。
然而，使用Blend for Visual Studio11 Beta创建Metro风格的应用程序时，当我在VSM中单击add transition animation to visual state change时，它直接进入故事板录制模式。有人知道如何使视觉状态变化动画化吗？？(例如:我想要按钮在单击时的颜色变化以淡入)。或者我如何通过故事板创建相同的动画？？
感谢所有的回复。谢谢!
浏览 0提问于2012-05-09得票数 1
1回答
我正在尝试用javascript为移动网站做一个简单的视差效果。
当我从我的桌面浏览器查看时，它工作得很好。当我在移动设备上查看它并使用触摸滚动时，动画就冻结了。松开触摸屏后再次显示。
有没有办法在我使用触摸屏滚动时保持动画效果？
嗯，当你在触摸屏移动设备上滚动时，任何类型的JS动画都会冻结。
lft = 0;
setInterval(function(){
lft++;
$('#my-div').css('margin-left',lft+'px');
},100);
如果有人想在live中看到这个问题，可以在这里查看
浏览 2提问于2012-02-03得票数 3
1回答
变换图像上的无限动画
、、、
我正在尝试在一个先前缩放的图像上做无限的动画。问题是，当动画开始时，图像会恢复到原来的大小。我想让图像缩放以适应动画效果。
我尝试添加一个触发动画的类，或者从JS (myImage.animate(myKeyframes, myOptions))手动添加。两种解决方案都失败了。
下面是我目前的做法：
myImage.style.transform = 'scale(4)'
myImage.addEventListener('transitionend', () => {
myImage.classList.add('animationCla
浏览 17提问于2019-08-11得票数 1
回答已采纳
我正在自定义磁主题，我在list.phtml文件上工作，通过在list.phtml文件开头包含在线jquery文件来显示主页上特定类别的所有产品，但是主页子类别没有显示悬停效应，可能会与另一个js冲突。如果我从list.phtml文件中删除脚本，那么子类别将显示在悬停效果上，但是动画效果会消失。如果我从list.phtml中删除脚本，那么鼠标悬停效果上显示的子类别，但是动画不会.我下载了js文件，但不知道把这个文件放在文件夹结构中，所以我的动画效果和悬停效果都很好。
浏览 5提问于2015-01-30得票数 0
回答已采纳
我有一个具有以下结构的列表框。数据显示良好，没有问题。我想为StackPanel获得一些动画效果，但是因为它在DataTemplate中，所以我无法使用Blend来获得我想要的动画效果。
我想我可以为此编写一个事件处理程序和代码，但这是为ListBox项实现动画的最佳方法吗？
<ListBox Height="600" ItemsSource="{StaticResource learn}">
<ListBox.ItemTemplate>
<DataTemplate>
<StackPanel H
浏览 2提问于2013-03-30得票数 0
我正在尝试使用WebGL / Three.js创建一个交互式背景动画
动画将由双色渐变产生。
动画将受到外部因素(强度、速度等)的控制。
结果应该如下所示：
我不知道Vista是如何做到这一点的，我对可能产生类似效果的技术很感兴趣。我在寻找如何开始的指导。
我应该使用阿尔法混合生成的纹理和舞蹈四角体吗？
我应该使用像素着色器吗？
等。
任何小费都欢迎。
浏览 0提问于2012-02-04得票数 0
回答已采纳
2回答
前端MV*框架中的动画支持
、、、、
您会推荐哪种前端javascript MV*框架用于动画网站(动画页面元素、过渡、视差滚动等)？我的第一印象是用angular.js最简单(花费最少的时间，用最简洁的代码达到效果，有最好的文档)。你的经历是什么？
附注。标签的选择当然限于5个，所以如果有人可以推荐任何其他框架，我也会感兴趣的。
浏览 2提问于2014-04-08得票数 0
例如，我有这个CSS代码来处理一个简单的动画：
我的React组件呈现一个简单的列表，并使用随机值更改列表：
class App extends React.Component {
constructor() {
super();
this.state = {
items: ["Alex", "David", "John"]
};
}
change() {
this.setState({
items: [Math.random(), Math.random(), Math.
浏览 3提问于2020-02-11得票数 4
回答已采纳
我刚建了一个网站：
在头版上我有一个幻灯片(糟糕的UX -我知道)。如果你点击右下角的一个小方型图标，滑块就会有动画效果。
这是很好的工作，除了在铬的mac。每次滑块动画，所有的元素定位绝对将做一个微小的像素跳跃。然而，滑块上的动画使用transform: transform()来执行动画。js只是交换类--没有实际动画--这都是由css处理的。
有没有人知道这是为什么，以及是否有可能解决这个问题？
任何帮助都将不胜感激。
浏览 0提问于2014-03-24得票数 2
回答已采纳
我目前正在制作一个动画，我必须使用setTimeout对其进行动画处理。 下面是我的按钮"pause“的html，它会在单击时更改为恢复： <button type="button" id="pause">Pause</button> 下面是我使用js的clearTimeout和clearInterval函数暂停动画的JavaScript代码。 document.getElementById("pause".addEventListener("click",function(){
togg
浏览 19提问于2020-07-04得票数 0
我用面板和视图在我的摄影网站上创建了新的页面。我想有我自己的悬停效果图片在我的相册页。我应该如何使用自定义的HTML和CSS3动画，就像在这些图像上找到的这里一样，这些动画是由面板和Drupal等模块加载的，它们基本上是在页面加载上创建自己的标记，即不是在我可以添加标记的硬编码文件中。
浏览 0提问于2013-03-07得票数 0
回答已采纳
1回答
这是一个很好的React练习吗？
、、、、
我最近开始使用React。为了使我的组件具有动画效果(使用CSS animation)，我在我的index.js中放置了这段代码
// some code here
window.onload = () => {
let myComponents = document.getElementsByClassName('componentThatHaveToBeAnimated')
for (let c of myComponents) {
// add dinamically the CSS class containing the an
浏览 3提问于2017-07-02得票数 0
回答已采纳
1回答
我的第一步是用JavaScript编码，也用Three.js玩。
我制作了一个几何体的缩放动画，因为我想使用下面的代码来模拟缓慢的呼吸效果：
var frame = 0;
function animate() {
requestAnimationFrame(animate);
mesh.scale.z += Math.sin(frame);
frame += 0.5;
renderer.render(scene, camera);
}
animate();
但是我有一个问题:如果我想做一点拉伸，动画运行得非常快，如果我想让动画运行得很
浏览 0提问于2015-12-15得票数 1
8回答
我的问题是，在WPF中，每当我尝试使用触发器或动画更改按钮背景的颜色时，默认的鼠标悬停效果(在橙色发光的情况下变为灰色)似乎更重要。
经过广泛的搜索，我对如何消除这种影响一无所知。
浏览 9提问于2010-10-04得票数 88
回答已采纳
2回答
带有动画bg的画布文本
、、、
嗨，我发现了不错的效果 -动画文本bg。(动画背景，标题为HYT WATCHES，LE BATAFOR，MAURICE LACROIX)
这个站点使用mootools作为js框架，我想使用JQuery。
，也许有人会给我一些提示，如何产生这种效果？
浏览 8提问于2013-06-19得票数 1
回答已采纳
3回答
我想创建一个折纸一样的折叠动画使用WebGL或画布(没有闪光！)。我想要重现的效果类似于中的效果。
对于立方体，最终动画的清晰视图可以表示为：
我试图使用库，但我找不到一种方法来使THREE.Mesh的单个面孔具有动画效果。我也尝试过简单的CSS3动画，但它会使超过6个面的实体动画变得非常困难-因为它不可能在2个或更多个面之间创建关系。
有没有人可以推荐其他JS库？或者，有没有办法通过three.js来实现这一点？当然，如果有一种方法可以仅仅使用canvas2d就能让它工作，那就太好了--但我认为这是不太可能的！
浏览 6提问于2012-05-19得票数 4
回答已采纳
1回答
我正在使用jQuery的animate()函数来为div添加动画。当我给出像高度140和宽度200这样的多个效果时，下一个效果只有在前一个效果结束后才开始。我想同时执行。任何帮助都将不胜感激。
$(document).ready(function(){
$(".gal_item").hover(function(){
$(this).children().animate({height:110},"medium");
$(this).children().animate({wid
浏览 1提问于2010-08-28得票数 2
回答已采纳
1回答
我想在页面中的div之间动画化，当我按下一个按钮时，我想要动画化swich效果，使其消失在里面和外面。但是，当我单击前箭头时，效果不起作用，但是如果我单击后箭头，它会works.Just，第一次单击前箭头就不起作用了。
这是我的。
JS :
contentSlides = $('.article-wrapper');
slidesLeng = contentSlides.length - 1;
index = 0;
for (i = 0; i <= slidesLeng; i++) {
$(contentSlides[i]).addClass('sl
浏览 3提问于2015-09-19得票数 0
回答已采纳
2回答
我试图用创建可重用的动画，但遇到了一些问题。我已经为fadeUp效果定义了一个动画，效果很好。
export const animatedFadeUp = css`
opacity: 1;
transform: translateY(0);
`;
export const fadeUp = css`
opacity: 0;
transform: translateY(var(--spacing-medium));
transition: opacity 0.5s ease-in-out,
transform 0.5s ease-in-out;
html.no
浏览 26提问于2021-02-27得票数 5
回答已采纳
我正在使用Js helper类，并且我已经成功地实现了这一点。我正在使用以下代码来使用ajax。
$this->Js->link('test','action',array(
'before'=>$this->Js->get('#loader')->effect('fadeIn'),
'success'=>$this->Js->get('#front_album')-
浏览 0提问于2012-07-25得票数 2
回答已采纳
1回答
我正在使用八字胡js来呈现一个带有API数据的模板，效果很好，但我需要在一段时间后更新(重新呈现)相同的模板。在我的例子中，模板中有一个列表，如下所示：
template.html
<div id="template">
{{#list}}
<span>{{firstName}} {{lastName}} - {{phone}}</span>
{{/list}}
</div>
index.js
$(document).ready(function(){
$.ajax(
//some ajax here
浏览 1提问于2019-02-14得票数 2
回答已采纳
3回答
在iOS上，在iMessage中，你可以使用看不见的墨水效果发送消息，这种效果会使消息变得模糊，并在触摸时保持不模糊。
目前正在使用React构建一个Chrome扩展，它需要在电子邮件中使用不可见的墨水动画。我刚接触React.js，想知道有没有人知道最好的方法？
浏览 1提问于2021-06-12得票数 0
1回答
我正在使用p5.js来制作GIF动画，但是当我想导出它时，我有一个问题。
通过将这些css属性添加到Canva (140*140)中，我在动画上实现了像素化效果：
image-rendering: pixelated;
width:500px;
height:500px;
我的问题是，我不能导出这个Canva与我添加的属性。(我正在使用CCapture)
我的gif在140x140中，没有像素化的效果。
我怎样才能得到我需要的渲染？
浏览 1提问于2021-03-23得票数 1
回答已采纳
在尝试用效果来增加knockout.js UI的趣味性时，我发现我经常有几个基于条件的替换部分。这方面的一个例子可能是列表视图中的详细信息窗格，该窗格在没有选择任何元素时显示指令。这在使用可见绑定时是很好的声明性的--但是当您试图向混合中添加动画时，它就会失败，因为没有显示/隐藏动画的链接。
我在这里简化了动画knockout.js示例，以演示：
虽然我可能会破解一些东西，但我正在寻找一种更惯用的knockout.js方式来进行这种链接。
我考虑了几个解决方案：
具有一个具有自定义绑定的容器元素，该绑定捕获条件以及在on和off状态下显示哪些元素。
具有“动画可见”绑定依赖于条件和检
浏览 5提问于2012-07-26得票数 6
回答已采纳
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
1回答
在为一个单词添加动画时移动文本
、、、、
我正在做一个动画文本元素。
元素用动画改变了一项工作。与本例非常相似。
问题是，我不喜欢当我改变一个单词时，它周围的其他单词突然发生变化。我正在尝试使用一种效果，其中移动的其他单词以一种很好的方式移动。如本例所示。
有人知道怎么做吗？或者将我链接到相关的解决方案？
我使用的是HTML、CSS和JS
浏览 2提问于2014-06-28得票数 0
2回答
通过滚动触发CSS关键帧动画
、、、、
假设我有一个带有动画的元素：
#element {
animation: Fade 3s linear 1s forwards;
}
@keyframes Fade {
/* do stuff */
}
如何才能仅在用户向下滚动时触发此动画？Vanilla JS，jQuery，ScrollMagic，GSAP/TweenMax，随便你怎么做。
添加动画属性本身会触发该效果吗？因此，用户滚动到某个点/元素，然后我应用如下内容：$('#element').css('animation', 'Fade 3s linear 1s forwards
浏览 2提问于2016-01-23得票数 4
回答已采纳
1回答
我最近开始学习使用CSS的动画。它比JS和flash更容易，重量也更轻，但我知道CSS动画有局限性。
在上面的链接中，我只是想知道悬停在"Order Now“div上的效果是只通过CSS实现的，还是涉及到JS。我一直在尝试从页面源代码中挑选出对此效果负责的代码，但我只幸运地使用了CSS。我看不到任何改变div样式的JS。也许我错了。
有什么帮助吗？
浏览 2提问于2013-10-20得票数 0
我想创建动画效果，就像在iPhoto (固定照片摆动效果-见附件)。有没有关于如何制作这样的动画的线索？
编辑:这是我正在尝试做的视频演示：
浏览 1提问于2012-03-30得票数 1
我想在我的图像中做这个效果(按钮)
我想制作这个动画，不管方法是CSS3，HTML5 ，JS
如果我将使用悬停属性，我如何使图像在滚动时滑动并返回
浏览 7提问于2011-03-10得票数 1
回答已采纳
我有个问题。我正在使用Bounce.js创建漂亮的菜单动画(具有一些很酷的效果)。使用css关键帧动画的Bounce.js，重新启动可能会有问题。我得到了菜单，当我点击一个按钮时，当添加.show类时，它应该会触发显示动画。但当我再次按下该按钮时，隐藏类应该与隐藏动画一起添加(这只是前一个动画的反向版本)。
Js正在工作(类的添加和删除都是正确的)，但是动画只触发一次-并且没有隐藏动画(菜单元素只是消失而不是动画本身)。
浏览 8提问于2016-06-27得票数 0
我在StackPanel中有一个从TextBlocks构建的菜单。
我希望TextBlock%s在被点击时能有动画效果。很像股票应用程序在菜单中点击时的动画效果。
我读过的文档似乎为每个命名项创建了一个动画。这似乎有点倒退。
浏览 0提问于2013-02-21得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
