问题标签 [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.
javascript - 慢 Jquery 动画
我有这个网页: http: //miloarc.pyrogenicmedia.com/
哪个atm没什么特别的。它有一些影响,但没有一个会破坏银行。
如果您将鼠标悬停在瓷砖上,它应该更改其不透明度以使其具有淡化效果。这是通过 Jquery Animation 完成的,而不是通过 CSS(我这样做是为了让它可以褪色,而不是直接改变)。页面加载时一切看起来都很好,并且淡入淡出看起来很完美。事实上,如果你在整个地方拖动鼠标,它会给你一条几乎像蛇一样的“踪迹”。
无论如何,我的下一个问题是您会看到左上角有一个框,它将告诉您有关您悬停的图块的信息。这似乎工作正常。当您将鼠标悬停在该信息框上时,它会切换其位置(这样您就可以到达之前隐藏在其下方的图块)。据我了解,这一切都很好,而且是信的。
但是,在信息框移动一次后(一次悬停)。在 Firefox 中查看页面变得迟缓。例如,在成功移动信息框后,淡入淡出效果变得非常卡顿,并且它不会快速捕捉事件,这意味着您无法在屏幕上绘制“轨迹”。
Chrome 没有这个问题。无论如何,它似乎都可以正常工作。Safari似乎也不错。虽然我确实注意到如果我移动鼠标真的很快,它确实会跳跃一点,但不如 firefox。
互联网浏览器根本不工作。似乎使浏览器崩溃......并且我使用的圆角插件出现错误(不知道为什么......)。
总而言之,我认为我在代码中所做的任何事情都必须非常缓慢。但我不知道它发生在哪里。
这是完整的代码,但我建议转到链接查看所有内容。
谢谢你的帮助 :)。
编辑:只是为了重申我的观点。我想知道为什么它只会在移动信息框后变得迟缓。在此之前,一切都很好。移动框(并将其移回)后,用户界面变得超级慢。
flash - 如何在 AS3 中创建这样的遮罩?
我在 AS3 中使用过一些掩码,但我不确定如何使用掩码做到这一点。
我有两个 swf 文件,我已将它们作为 MC 导入到库中,并带有类名。
其中一个文件是开始图像,另一个是结束图像。过渡是从开始图像到结束图像的幻灯片过渡。您可以像本例中那样考虑转换。
但是是否可以使用两个 swf 和它们之间的“幻灯片过渡”来进行这样的幻灯片过渡?
android - Android中使用Transitions的ImageButton
我正在尝试创建一个具有自定义选择器的透明(无按钮背景)ImageButton。我有选择器对按钮工作,但我现在希望选择器可绘制对象相互交叉淡入淡出。我看到了可以用 XML 表示的 TransitionDrawable 对象。有没有办法将它连接到我的选择器中?
下面是在屏幕左下角创建图像按钮的 XML 布局代码。它当前从一个图像转到下一个图像,突然忽略了过渡 XML。
选择器按钮.xml
transition_normal_to_pressed.xml
活动.xml
iphone - 使用 transitionFromView 和 transitionWithView 的过渡行为
我正在尝试在两个子视图(view1 和 view2)之间创建过渡。当按下按钮时,我希望 view1(前)翻转并显示 view2(后)。我已经尝试过transitionFromView 和transitionWithView。每个都有效-但每个都有问题。
transitionFromView - 翻转超级视图(整个窗口视图翻转,而不是子视图)。当这种翻转发生时——一个子视图在翻转之前位于父视图的前面,而另一个子视图在翻转的后面——应该是这样。但我不希望超级视图翻转,只是子视图。
transitionWithView - 仅翻转子视图 - 但在转换发生之前显示“to”视图。
有人有建议吗?
javascript - jQuery 可见定位问题
我制作了这个脚本,让您可以使用 jQuery 浏览多个 div,但是如果显示第 6 个 div 并且使用 .is(":visible") 没有给我任何运气,我想对父级进行 css 更改.
iphone - UIModalTransitionStylePartialCurl 是否支持 iOS 3.0?
根据 iPhone 文档,这种特殊的模态转换适用于 iOS 3.2 及更高版本。然而我知道我的手机(我认为运行 3.1.3)可以通过谷歌地图应用程序进行这种卷曲过渡。
对于 iOS 版本 < 3.2 是否有另一种方法/技巧来获得这种卷曲过渡?
谢谢!
jquery - jQuery scrollTo 插件 - 带有一些内容的摇晃滚动 - 问题
嘿社区在那里 - 这是一个艰难的,至少对我来说。也许那里有一些帮助。
我正在开发一个由 scrollTo 插件提供支持的垂直/水平滚动网站。总的来说,一切都运行良好且流畅,但对于一些内容,如 Nivo Slider,滚动变得有点不稳定,就像有 hig ups 一样。似乎每次 Nivo Slider 更改图像并且您同时滚动时都会发生这种情况。
我现在正在寻找一种方法来顺利解决这种行为,寻找一种在 Nivo Slider 不在视口中时停止它但在他再次进入视口时让他再次工作的方法。那样的话,我猜他不会打扰任何滚动过渡。这是我作为新手的疯狂猜测,但任何帮助和建议都将不胜感激。如果它们不在视口中,这一切都是为了停止包含在不同面板(如横幅、画廊、滑块)中的任何动态内容。
有任何想法吗?
jquery - CSS3 过渡到动态创建的元素
我正在尝试使用CSS3 transitions为动态创建的 html 元素设置动画。
我希望动画在元素创建之前开始。
为此,我创建了一个设置元素原始位置的类,然后通过 jquery css()方法设置目标位置
但是新元素只是出现在目标位置,没有任何过渡。
如果我使用 0ms 的 setTimeout 来设置新的 css 值,它就可以工作。
有什么我做错了吗?还是限制?我认为我不需要使用 setTimeout 解决方法。
谢谢!
更新:这是 jsfiddle.net 上运行的代码的链接,供您进行实验。 http://jsfiddle.net/blackjid/s9zSH/
更新我已经用答案中的解决方案更新了示例。
http://jsfiddle.net/s9zSH/52/
这是一个完整的示例代码
gtk - GTK+ 菜单转换可能吗?
我正在尝试将 GTK+ 2.0 用于我的 GUI,但我不确定如何实现单击按钮时滑出的菜单。使菜单立即消失/重新出现并不难,因为它需要对可见性属性进行简单的更改。这个应用程序正在 Windows 上开发,但我也计划将它移植到 Linux 上。那么关于如何实现在 Windows 和 Linux 上工作的菜单转换有什么想法吗?
flex4 - Flex 4 Spark 转换 - 可以从组件 mxml 外部包含吗?
我想知道: 是否可以在它们打算使用的 mxml 组件之外构建转换 mxml?
例如,就像 Script 标签可以有一个source = property
.
我希望能够保持组件 mxml 整洁,但也保持通过 mxml 声明的转换。