问题标签 [fadeout]
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 - Stop jQuery animation prematurely
I'm trying to fadeIn and fadeOut a transparent png using JQuery. Of course, it looks slick in Firefox, but significantly less than acceptable in IE (7 and 8). It's a known bug with IE, and unfortunately there doesn't seem to be much of a workaround.
Basically what I'm doing is place a semi-transparent white rectangle over an image to make the image appear 'in the background'. I want to do this smoothly, and that's where fadeIn comes in. Because of the IE bug, however, I've been forced to fadeIn a completely opaque white rectangle over the image instead, making it unfortunately disappear. While this looks significantly better and is ALMOST what I'm looking for, it's still not acceptable. The user needs to be able to see SOME image on the page, albeit in the background.
So my question is this:
Is there a way to stop the fadeIn function (or any jquery animation, really) after animating for 75% of its expected animation time?
This would leave my image 75% mixed the white rectangle, and I wouldn't have to deal with IE's nasty transparent png bug.
Thanks!
jquery - 图像之间的淡入淡出
如何使用 jQuery 在两个图像之间淡化旋转?比如说。
我喜欢图像在每张 2 秒之间淡入/淡出。
谢谢!非常感激。:)
javascript - 点击时对 5 个图像的 jquery 淡入淡出效果
是否有任何 jquery 或任何脚本,当您单击一个链接时,页面上的一些图像会发生变化?
python - 在图像模块 Python 中淡出
我想拍摄 BMP 或 JPG 并复制它,以便新图像变暗(或变亮)我可以使用什么功能?爱丽儿
jquery - JQuery延迟()函数打破循环?
我正在尝试淡入和淡出一个元素,但是中间有一点暂停,它可以在没有暂停的情况下工作,但是当我使用 jQuery delay() 函数添加暂停时,它只是在第一个 fadeOut() 之后停止;
这是代码:
为什么延迟()函数(第一个和第二个)会打破循环?
html - 使用 div 标签淡化文本
使用 div 标签淡化文本
任何帮助....???
jquery - 淡出和淡入同一空间
我想淡出 #lg-image 并淡入 #column-left 和 #column-right 到与 #lg-image 相同的空间。这可能吗?
谢谢
jquery - 单击时Jquery淡入淡出并交换元素,这也与手风琴菜单有关
当您单击姿势 1 时,您会注意到描述下拉并且图像出现在右侧。现在,当您单击姿势 2 或姿势 3 时,图像和描述会发生应有的变化。
我现在需要做的是——
如果单击了姿势 1,然后单击了姿势 2,则需要关闭姿势 1 菜单,以便一次只能看到一个姿势描述。
如果我也可以这样做,如果单击当前打开的姿势项目使其关闭并且没有打开的姿势描述,那么右侧也没有显示图像。
最后有一种方法可以确保只有一组动画图像在运行,因为只要说用户通过所有 26 个选项并且他们继续在后台运行它可能会变得迟缓(感谢 Nick Craver 提出这个问题)。
在这个阶段,只有姿势 1、2 和 3 可用。好的,最后一些代码 -
$(文档).ready(函数(){
});
//感谢aSeptik,右侧的图像淡入淡出 $(document).ready(function(){
$('#section_Q_01,#section_Q_02,#section_Q_03').hide();
});
$(document).ready(function(){ $('.pics').cycle({ fx: 'fade', speed: 2500 }); });
说明框 -
和右边的图片——
如果单击另一个元素时图像淡出,那将是一个奖励……但没什么大不了的。
谢谢你看
hover - 悬停时jQuery淡入淡出暂停
我有一个小的 jQuery 片段,它将在选择间隔内淡入和淡出一组 div。我现在需要在悬停时暂停这个淡入淡出淡出,然后在鼠标移出时恢复。任何帮助表示赞赏。这是相关的代码。
以下是位于我体内的内容
jquery - jQuery - 单击父元素(而不是父元素)时淡出?
我的页面上有以下代码,我想做的是当用户在#loginBox 之外单击时,我希望整个#loginOverlay 淡出。但是如果没有通过单击#loginBox 触发淡出,我就无法实现这种效果......
它位于页面底部,我在页面上有一个链接可以触发淡入淡出。但是现在淡出有点挣扎。
我试过这样做:
但它给了我同样的结果。
那么有什么建议吗?提前致谢!