问题标签 [jquery-effects]
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切换()问题
我究竟做错了什么??
我在第二个 fadeOut 回调函数中添加的任何代码都不会被执行......
javascript - jQuery - 缩放图像效果(模拟浏览器调整大小)
可以使用 jQuery + 背景位置动画再现类似缩放图像的效果吗?
像这样的东西:http: //www.sohtanaka.com/web-design/examples/image-zoom/
我的意思是,而不是动画图像大小(这很糟糕,因为浏览器会可怕地调整图像大小) - 通过在链接上设置背景图像来制作动画,并为链接的位置和大小设置动画。
编辑:
一个想法是使用两个图像。例如:
- 两张重叠的图像,一张 200 x 200 像素,另一张 400 x 400 像素
- 只有第一张图片可见,第二张图片隐藏在第一张之后,并调整为 200 x 200
- 用户将鼠标悬停在它上面,然后第一张图像放大到 400 x 400 并同时淡出
- 第二张图像淡入并同时放大到其原始尺寸(400 x 400)
这可以用jquery实现吗?如何实现?
javascript - jQuery 跨浏览器“滚动到顶部”,带有动画
现在我正在使用这个:
这在 Chrome 中不起作用,在 Opera 中我得到一个小闪烁:浏览器立即滚动到顶部,然后回到底部,然后它开始慢慢滚动回到顶部,就像它应该的那样。
有一个更好的方法吗?
jquery - 在 jquery ui show 上应用缓动?
我正在尝试对 jquery ui 显示效果应用缓动。理想情况下,api 看起来像这样:
当前,该元素位于 display:none。我需要用缩放效果来展示它并进行缓和。
我必须分开命令还是有这样的东西可以工作?
谢谢。
javascript - jQuery 动画() - 过早完成触发
我写了一个小动画脚本,从左到右淡化一组条纹。在所有动画完成后,应该运行回调函数。
脚本在这里:
它工作正常,但我想对从右到左的动画做同样的事情:
正如你所看到的,回调函数在动画结束之前被触发:(我唯一改变的是delay()
。我在这里做错了什么?为什么“完成”在所有动画结束之前运行?
javascript - 带有 MxN 矩阵的 jQuery 动画
我将一个元素分成多个块(由许多行和列定义),然后淡化这些块以创建动画效果。动画的类型由delay()
值决定:
在这种情况下,每个块的淡入淡出效果都会延迟(30 * 当前块索引)。第一个块得到 0 延迟,第二个块 30 延迟,......最后一个块 30 *(块数)延迟。所以这将水平淡化所有块。
我已经发布了到目前为止我在这里提出的效果列表:http: //jsfiddle.net/MRPDw/。
我需要帮助的是找到螺旋型效果的延迟表达式,也许还有你认为可能的其他表达式:D
jquery - How to use jquery to animate a back flip out of a button?
I would like to recreate this effect (using jquery) because I think its the coolest thing ever. http://m.madebycanvas.com/things/backflip.html (its by Matthew Farag)
...but I have no idea where to start. Does anyone know how or have any ideas? The author uses scripty2 and the prototype framework and scriptaculous, I believe.
Ideally I could also use a plugin that uses hardware accelerated css transformations with a fallback to jquery's own in unsupported browsers. Please explain how you would do it conceptually if you can.
I'm thinking to animate the button larger somehow to the width of the container it will flip to, then shrink the height anchored in the center to a line and then do the opposite to the panel that will appear.
javascript - 根据 CSS 属性设置效果持续时间
所以el
的高度可以小于或大于.container
的高度。
当当前高度与我正在制作动画的高度之间的差异较大时,如何才能使效果持续时间更长?