问题标签 [animation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
5 回答
915 浏览

javascript - 应用投影的最佳方法是什么?

应用阴影的最佳方法是什么?我现在正在一个网站上工作,我们有很多这样的网站,但是,我一直在努力寻找最好的方法来做到这一点。该网站的动画非常繁重,因此阴影需要很好地处理这个问题。

我尝试了一个 jQuery 阴影插件。阴影看起来不错并且易于使用,但速度很慢并且不适用于任何动画(需要大量重绘,非常缓慢)。

我还尝试创建自己的 jQuery 扩展,将我的元素包装在几个灰色 div 中,然后稍微偏移它们以产生阴影效果。这运作良好。它快速响应动画。然而,它使 DOM 操作/遍历变得很麻烦,因为所有内容都包含在这些影子 div 中。

我知道必须有更好的方法,但这并不是我的强项。想法?

0 投票
1 回答
2514 浏览

wpf - 如何在从可视树中删除之前让 WPF 控件动画完成

我有一个场景,我想在 WPF 控件从视觉/逻辑树中删除之前对其进行动画处理。控件是自定义的,控件样式(包括动画)将由设计者提供(即,在编写控件代码时我不知道它们的细节)。我想提供路由事件,允许设计人员在对象被删除之前触发动画(例如,用户正在用鼠标拖动控件,当鼠标按钮被释放时,控件可能会慢慢消失而不是突然消失从视觉/逻辑树中删除)。这是否可能仅使用路由事件?是否可以检测动画何时完成而不需要设计者设置一个古怪的依赖属性或在动画结束时触发控件的删除?如果设计者未能设置属性,则使用依赖属性会造成内存泄漏。有没有更好的办法?

0 投票
8 回答
84580 浏览

jquery - jQuery 动画 - 平滑大小转换

所以这可能真的很简单,但我还没有找到任何可以学习的例子,所以请多多包涵。;)

这基本上是我想做的事情:

当注入新内容时,我想在具有大量内容的 div 的尺寸与很少的 div 的尺寸之间平滑地制作动画。

想法?

0 投票
5 回答
6643 浏览

c# - 在选项卡控件中的选项卡页之间淡入淡出

我有一个带有多个标签页的标签控件。我希望能够来回淡化标签。我在选项卡控件上看不到不透明度选项。当我从一个标签页切换到另一个标签页时,有没有办法引起淡入淡出效果?

0 投票
6 回答
16288 浏览

iphone - 如何暂停 UIImageView 动画

我有一个使用 UIImageView 显示的动画:

我知道我可以使用 stopAnimating 来停止它,但我想要的是能够暂停它。原因是当您调用停止时,您的动画图像都不会显示,而我希望在我按下按钮时显示的最后一个动画图像保持不变。

我尝试将持续时间设置为更大的数字,但这也会导致所有图像消失。必须有一个非常基本的方法来做到这一点?

0 投票
3 回答
1265 浏览

javascript - How can I set up a callback to run *before* a jquery animation?

I'm trying to set up a loop where an animation runs a certain number of times, and a function is run before each iteration of the animation. The timing ends up being off, though -- it runs the callback n times, then runs the animation n times. For example:

outputs

I ran into this problem with scriptaculous before I switched to jquery, and discovered a "beforeSetup" animation callback. Is there a jquery equivalent?

0 投票
3 回答
898 浏览

python - 如何以编程方式创建具有动画方面的图片

背景

一位客户要求我创建一张世界图片,其中包含从世界的一个地方到另一个地方的动画箭头/射线。

光线将是随机的,将代表一个交易,在它们发生后会淡出,并且会随着时间的推移而增加频率。光线将从一个国家的边界​​开始,并在另一个国家的边界​​结束。随着每个动画交易的发生,所有交易金额的不断更新的总和将显示在图像的底部。个别交易的金额将是随机的。图像上还会显示一年,每 n 秒递增一次。

随机化、求和和递增对我来说不是问题,但我不知道如何处理箭头/射线的动画。

我的问题是最好的方法是什么?哪些框架/库最适合这项工作?

我最精通python,所以python建议对我来说最容易,但我愿意接受任何优雅的方式来做到这一点。客户端将在 Windows 机器的演示文稿中将其呈现为幻灯片。

0 投票
4 回答
544 浏览

javascript - 寻呼替代品

我正在开发一个项目,该项目返回的分页结果可能有数百页。我一直在尝试比标准的 fisrt/last/next/previous 链接和跳转到文本框更有用的方法来执行分页。我的另一种选择是有一个滚动的页面列表。我会一次显示 5 到 7 个链接,以当前页面为中心,但在任一侧的按钮上添加悬停操作以滚动编号列表。这允许用户在没有繁琐的“跳转到”文本框的情况下在页数中向前跳转。有没有人有更好的想法?

如果没有,我正在尝试决定实现上述功能的方法,但我不确定如何只显示 div 的一部分(div 是完整的链接列表)。有什么想法吗?

0 投票
1 回答
170 浏览

apache-flex - 关于在 Flex 中将对象从其布局中“打破”的任何建议 - 出于动画目的?

如果我在 Flex 的布局中有一个对象,那么从该布局中“打破”它以便能够对其进行动画处理是一种好方法。

例如,我有一个以一定角度排列的图像和标题。当鼠标滚过它时,我想让图像稍微“缩小”。因为如果我要调整它的大小,它在布局容器中是活动的,那么显然它会在其他所有东西上移动。

我不认为我可以通过设置来实现我想要的includeinlayout=false

有这方面的最佳实践经验吗?

我想知道的最好的想法是使用屏幕坐标转换功能使图像不可见并在同一位置创建另一个图像。这个 jsut 看起来很笨拙

0 投票
38 回答
343576 浏览

jquery - 你如何在 jQuery 中使元素“闪烁”

我是 jQuery 的新手,并且有一些使用 Prototype 的经验。在 Prototype 中,有一种“闪现”元素的方法——即。短暂地用另一种颜色突出显示它并让它恢复正常,以便用户的眼睛被它吸引。jQuery中有这样的方法吗?我看到了 fadeIn、fadeOut 和动画,但我没有看到像“flash”这样的东西。也许这三个之一可以与适当的输入一起使用?