问题标签 [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.

0 投票
2 回答
1946 浏览

jquery - jQuery:子元素在 IE 中以 $('.parent_class') 不透明度效果消失

我有这个html:

有一些CSS:

我希望这个父母和孩子一起淡入,并最终得到不透明度:0.50。Firefox 可以很好地做到这一点,但 IE 会遇到麻烦:当我执行 fadeIn() 或 fadeTo() 或者只是简单地在父级上应用 .css('opacity','0.50') 时,父级渲染而子级没有'吨。

--> 导致父母淡入,但孩子永远不会出现。

--> 出现父母,没有孩子

--> 父级不透明出现,子级从不出现

--> 父母和孩子看起来很好(但没有动画或透明度)。如果我做

之后,父母得到效果,孩子消失

父母和孩子如何一起制作动画并共享不透明度属性?

0 投票
2 回答
12564 浏览

wpf - 如何为 DropShadowEffect 的不透明度设置动画?

我有一个使用以下样式的带有边框的 WPF 项目。计划是让发光效果在鼠标移过边框时淡入,并在鼠标离开时淡出。

问题是,什么都没有发生!如果我在 Storyboard TargetProperty 中将“DropShadowEffect”更改为“UIElement”,则动画会起作用,但这会使整个控件褪色。

如何仅淡化 DropShadowEffect?

0 投票
1 回答
2097 浏览

jquery - jQuery mouseout 超时

之前已经处理过类似的问题,但我相信由于使用了 bind() 函数,我的问题略有不同。无论如何...

我想淡出“mouseenter”上的叠加层,但只在“mouseleave”后 2000 毫秒内淡出。

我还有一个问题:当 .overlay div 淡出时,我需要能够单击它下面的内容,即我需要 div 完全消失或向下移动 z-index 堆栈。但是,如果我尝试添加它,脚本会认为鼠标已离开 .overlay div,因此 .overlay 会淡入。

出于同样的原因,我不能使用fadeOut() 和fadeIn()。

0 投票
2 回答
2202 浏览

flash - 如何在 Flash 中制作动态放大镜效果

我想在我的一个项目中制作放大镜效果。

我希望这种放大效果在全闪光上,即甚至在动态对象上。所以这就是为什么我不能使用大型静态图像。

请建议我解决此问题的最佳方法。

0 投票
1 回答
477 浏览

jquery - jQuery mouseout 超时第 2 部分

这是继这个问题之后的另一个问题。

在我的 .overlay div 下,我有一些我想要点击的内容。因此,在这种情况下, .overlay 的不透明度变为 0,但仍覆盖了下面的内容。

如果我在这里使用fadeOut()fadeIn(),.overlay 将完全消失,并且脚本认为我已将鼠标移出,即使我仍将鼠标悬停在 .overlay 上。

0 投票
3 回答
1241 浏览

apache-flex - 为 flex 自定义组件添加效果

我有一个 flex 应用程序,我想在运行时添加一个带有操作脚本的新自定义组件。这工作正常。我已经创建了我的自定义组件并添加了以下代码:

但我的问题是淡入效果不起作用。我知道我已经正确声明了效果,因为如果我在另一个组件(如面板)中使用它,它可以正常工作。有人可以帮我解决这个问题吗?最好的祝福!

0 投票
3 回答
543 浏览

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 在更宽的框架中抖动。

另外,如果你快速连续多次点击演示,在演示站点上可以看到这个问题:点击查看演示

0 投票
2 回答
1964 浏览

jquery - JQuery - bg-image 缓慢变化

我正在尝试通过缓慢的 bg-image 变化来进行悬停动作。

菜单:

一些jQuery:

现在我正在尝试为选择器 $('#head_menu a') 编写悬停动作。我可以将 bg-image 更改为需要,当悬停时,慢慢地?


这是我的尝试代码:

但它现在甚至不显示菜单。我做错了什么?我也会尝试使用 bg-position。


这是带有 bg-position 的代码,我无法理解。我将bg_menu.pngbg_menu_hove.png合并为 1 张 200px+200px 的图像。即使没有 JQuery,上面的样式也不起作用。

0 投票
4 回答
822 浏览

jquery - JQuery - div 褪色问题

我有 div,它的 id 为“内容”。它是可见的。

现在我想淡出它:

什么也没有发生。但是当我写:

它隐藏然后再次显示。


这是CSS

浏览器:Linux Gentoo下的Firefox 3.5.3

更新

当我输入代码时:

它隐藏正确。


更新

我已经解决了问题...我不明白,为什么会这样...只是用 jquery 替换了 jquery.min

0 投票
11 回答
216537 浏览

jquery - jQuery 使用附加效果

我怎样才能使用.append()像这样的效果show('slow')

对 on 产生影响append似乎根本不起作用,它给出的结果与 normal 相同show()。没有过渡,没有动画。

如何将一个 div 附加到另一个上,并对其产生slideDownshow('slow')影响?