问题标签 [transitions]

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 投票
2 回答
168 浏览

php - 将系统从某种类系统迁移到 MVC 格式

我正在开发一个由另一个不再在这里工作的程序员开发的相当大的系统。

而且因为我是一个狂躁的连环杀手,他正在维护它并且知道他住在哪里。

但除了有趣的事情之外,该系统有点像一个类系统开发,有点不是,我已经设置了一个开发者版本并且可以很快地部署新版本。

  1. 您有关于部分迁移到新模型的任何提示(我无法进行完全转换,只是没有时间)
  2. 你推荐我可以留在系统中的任何类名(看起来不像黑客)但不会与当前类名(用户、数据、日志记录等)冲突

谢谢。

0 投票
2 回答
552 浏览

flash - Flash:请问这个事件名称的硬编码在哪里?

我对我在网上找到的这样的代码感到非常不舒服

(myTM 是一个 TransitionManager 实例。)当非运动转换(如淡入淡出)完成时,触发事件的正确方法是什么?我通常使用Event.EVENT_NAME,但这个没有出现。

0 投票
2 回答
1082 浏览

jquery - CSS 过渡

我一直在构建我的网站的 iphone 优化版本,并一直试图让动画工作/过渡工作。

我查看了 iui/ciui 等。但对于我需要的东西,它们似乎有点矫枉过正。我正在使用 jquery 并构建了大部分功能,除了我无法让 .animate 顺利工作,所以我正在尝试 css 转换。

我有一个 div,当单击 div 中的对象时,我希望 div 向左转换页面(标准 iPhone UI)。据我了解,您不能将 css 转换应用于父元素 onclick,因此我添加了一个带有 jquery 的类,并且该类中包含 css 转换。

这行得通,除了我可以开始工作的唯一 css 转换是

而且我看不到为此添加过渡时间的方法,因此最终与.hide()一样有效。有任何想法吗?

我真的无法弄清楚其他转换是如何工作的。喜欢

我将如何指定左多远(实际上我是负数)。此外,这似乎不是在 add-class 上触发的。

我查看了http://webkit.org/specs/CSSVisualEffects/CSSTransitions.html,但无法根据该文档弄清楚如何执行此操作。

谢谢皮特

0 投票
1 回答
2355 浏览

opengl - OpenGL屏幕过渡效果?

任何熟悉使用普通 OpenGL 演示屏幕/页面转换效果的资源或示例源代码的人?(最好是 C/C++,而不是使用 QT)。

0 投票
1 回答
1187 浏览

c# - Silverlight 过渡效果telerik 演示如何?

我想达到一个效果,我不知道如何开始。在terelik 的 silverlight 演示中,当您从左侧菜单中选择一个选项时,主要部分会按下,然后向左移动,然后显示一个新部分。

我想做类似的事情。我计划创建一个小型用户控件来显示客户数据。当用户在记录之间移动时,我想显示此转换。

0 投票
2 回答
10978 浏览

jquery - 使用 jQuery 离开页面时如何添加页面转换

我正在尝试向当用户浏览该站点时页面淡入黑色的站点添加过渡。

我决定实现这一点的最佳方法是创建一个 div,它将页面遮盖为黑色,然后使用 jQuery 对其进行动画处理。

到目前为止,我已经设法创建了“淡入黑色”效果的代码......

但是我不确定当用户点击网站的另一部分时如何让页面“从黑色淡出”。

我知道我必须使用点击功能,但我将如何延迟页面加载时间才能看到“淡入黑色”动画?

非常感谢您的时间。

0 投票
2 回答
14020 浏览

javascript - iPhone OS 3.0 中带有 webkit-transform translate() 的慢动画

iPhone OS 3.0 中的 JavaScript 处理有什么变化吗?此代码适用于 Safari 4 Public Beta 和 iPod Touch 2.0,但不适用于装有 iPhone OS 3.0 的 iPod touch。目的是在 2 秒内将框向右移动一点,但在 3.0 中它只是跳转到新位置,没有动画或延迟。

我可以通过使用 left 作为过渡属性来解决这个问题,但是当我试图将它集成到我的项目中时,这给了我其他类型的问题(基本上我需要结合拖动运动和动画运动以及拖动使用 translate还有动画left-property不好用,不知道能不能用left-property实现拖动)。知道上面的代码可能有什么问题,或者这是从 iPhone OS 3.0 开始的功能吗?

0 投票
5 回答
537 浏览

python - 在 Python 环境中管理 Perl 习惯

Perl 习惯很难改掉。两种语言之间的变量声明、作用域、全局/局部不同。是否有一组推荐的 Python 语言习语可以减轻从 perl 编码到 Python 编码的过渡痛苦。

细微的变量拼写错误会浪费大量时间。

我知道变量声明问题在 python 人中是准宗教的,我不是在争论语言更改或功能,只是在两种语言之间建立可靠的桥梁,不会导致我的 perl 习惯使我的 python 工作失败。

谢谢。

0 投票
2 回答
673 浏览

language-agnostic - 如何使用灰度转换图在两个图像之间转换

假设您有两个图像 A 和 B,以及第三个灰度图像 T。A 和 B 包含几乎所有内容,但我们假设它们是游戏中的两个场景。

现在,假设 T 包含菱形梯度。作为灰度,它从外部的黑色变为内部的白色。

随着时间的推移,让我们假设 256 没有进一步详细说明“刻度”以匹配灰度,A 应该过渡到 B,从而产生钻石擦拭效果。如果 T 包含一个较小的矩形梯度网格,则就像图像的每个部分本身都进行了矩形擦除。

如果您曾经使用过 RPG Maker 或大多数视觉小说引擎,您可能会认识到这个概念。

问题当然是如何做到这一点。我知道它涉及 A 和 B 之间的每像素混合,但这就是我所得到的。

为了额外的好处,软边缘呢?

而现在,结论

最终实验,基于 eJames 的代码

来自最终实验的样本——向上挥动,50% http://helmet.kafuka.org/TransitionsSample.png

0 投票
3 回答
950 浏览

javascript - 放慢我的javascript!如何让我的代码在执行前等待转换完成?

我想奇怪的问题,但我的页面中有这段代码......

这非常有效,并且在功能上做了我想要的,而不是 UI 明智的。它的意思是首先做一个很好的过渡来隐藏 div“地图持有者”,在其中渲染谷歌地图,然后做一个很好的过渡回到大小。过渡是默认的 JQuery 显示/隐藏。

现在我似乎遇到的问题是,谷歌地图正在渲染,而它$("#map-holder").hide('slow');仍在运行,你会在地图隐藏之前看到地图的一瞥,然后再次打开,这有点违背整体效果。

因此,任何人都知道如何减慢代码速度以等待隐藏功能完成,然后再进行其余操作?(理想情况下,我不想使用像 setTimeout 这样硬编码的东西)。

提前致谢!

沙迪

更新 1

我已经对隐藏功能进行了回调,但它对 GMap 有非常奇怪的影响。在 Chrome/FF/Safari 中,当它出现时,它只会在地图的角落呈现一小段。在 IE 中,它完全被抛弃并集中在不同的位置。GMap 似乎不喜欢在隐藏的 div 中呈现。

你可以在这里看到它http://afid.staging.dante-studios.com/它在前面(只需点击亚洲或非洲的播放按钮即可看到奇怪的效果)。

关于如何解决这个问题的任何想法?

更新 2 尝试修复 Google Map 无法在隐藏 div 中正确呈现的问题:

但可惜这种map.checkResize();方法没有运气。有任何想法吗?