问题标签 [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.
jquery - jQuery:子元素在 IE 中以 $('.parent_class') 不透明度效果消失
我有这个html:
有一些CSS:
我希望这个父母和孩子一起淡入,并最终得到不透明度:0.50。Firefox 可以很好地做到这一点,但 IE 会遇到麻烦:当我执行 fadeIn() 或 fadeTo() 或者只是简单地在父级上应用 .css('opacity','0.50') 时,父级渲染而子级没有'吨。
--> 导致父母淡入,但孩子永远不会出现。
--> 出现父母,没有孩子
--> 父级不透明出现,子级从不出现
--> 父母和孩子看起来很好(但没有动画或透明度)。如果我做
之后,父母得到效果,孩子消失。
父母和孩子如何一起制作动画并共享不透明度属性?
wpf - 如何为 DropShadowEffect 的不透明度设置动画?
我有一个使用以下样式的带有边框的 WPF 项目。计划是让发光效果在鼠标移过边框时淡入,并在鼠标离开时淡出。
问题是,什么都没有发生!如果我在 Storyboard TargetProperty 中将“DropShadowEffect”更改为“UIElement”,则动画会起作用,但这会使整个控件褪色。
如何仅淡化 DropShadowEffect?
jquery - jQuery mouseout 超时
之前已经处理过类似的问题,但我相信由于使用了 bind() 函数,我的问题略有不同。无论如何...
我想淡出“mouseenter”上的叠加层,但只在“mouseleave”后 2000 毫秒内淡出。
我还有一个问题:当 .overlay div 淡出时,我需要能够单击它下面的内容,即我需要 div 完全消失或向下移动 z-index 堆栈。但是,如果我尝试添加它,脚本会认为鼠标已离开 .overlay div,因此 .overlay 会淡入。
出于同样的原因,我不能使用fadeOut() 和fadeIn()。
flash - 如何在 Flash 中制作动态放大镜效果
我想在我的一个项目中制作放大镜效果。
我希望这种放大效果在全闪光上,即甚至在动态对象上。所以这就是为什么我不能使用大型静态图像。
请建议我解决此问题的最佳方法。
jquery - jQuery mouseout 超时第 2 部分
这是继这个问题之后的另一个问题。
在我的 .overlay div 下,我有一些我想要点击的内容。因此,在这种情况下, .overlay 的不透明度变为 0,但仍覆盖了下面的内容。
如果我在这里使用fadeOut()
和fadeIn()
,.overlay 将完全消失,并且脚本认为我已将鼠标移出,即使我仍将鼠标悬停在 .overlay 上。
apache-flex - 为 flex 自定义组件添加效果
我有一个 flex 应用程序,我想在运行时添加一个带有操作脚本的新自定义组件。这工作正常。我已经创建了我的自定义组件并添加了以下代码:
但我的问题是淡入效果不起作用。我知道我已经正确声明了效果,因为如果我在另一个组件(如面板)中使用它,它可以正常工作。有人可以帮我解决这个问题吗?最好的祝福!
javascript - Rapid Succession 中的 Script.aculo.us 事件导致显示错误...?
在 onMouseOver 事件上使用 script.aculo.us Effect.Highlight 效果很好 - 如果用户只将鼠标悬停在 DIV 上一次。如果他们在执行效果期间将鼠标移回 DIV,则会安排另一个效果(或并行运行,具体取决于是否
{队列:'结束'}
已启用)。
script.aculo.us 是否有防止这种情况发生的内置方法,以便只有在用户将鼠标悬停在静止状态的 DIV 上时,DIV 才会突出显示自身?否则我想我可以保留一个状态变量,恢复为“休息”:
afterFinish: function(obj) { resting = true; }
我之前注意到过类似的情况:例如,Effect.Shake,如果多次调用,会导致 DIV 在更宽的框架中抖动。
另外,如果你快速连续多次点击演示,在演示站点上可以看到这个问题:点击查看演示
jquery - JQuery - bg-image 缓慢变化
我正在尝试通过缓慢的 bg-image 变化来进行悬停动作。
菜单:
一些jQuery:
现在我正在尝试为选择器 $('#head_menu a') 编写悬停动作。我可以将 bg-image 更改为需要,当悬停时,慢慢地?
这是我的尝试代码:
但它现在甚至不显示菜单。我做错了什么?我也会尝试使用 bg-position。
这是带有 bg-position 的代码,我无法理解。我将bg_menu.png和bg_menu_hove.png合并为 1 张 200px+200px 的图像。即使没有 JQuery,上面的样式也不起作用。
jquery - JQuery - div 褪色问题
我有 div,它的 id 为“内容”。它是可见的。
现在我想淡出它:
什么也没有发生。但是当我写:
它隐藏然后再次显示。
这是CSS
浏览器:Linux Gentoo下的Firefox 3.5.3
更新
当我输入代码时:
它隐藏正确。
更新
我已经解决了问题...我不明白,为什么会这样...只是用 jquery 替换了 jquery.min
jquery - jQuery 使用附加效果
我怎样才能使用.append()
像这样的效果show('slow')
对 on 产生影响append
似乎根本不起作用,它给出的结果与 normal 相同show()
。没有过渡,没有动画。
如何将一个 div 附加到另一个上,并对其产生slideDown
或show('slow')
影响?