问题标签 [fadeto]

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 回答
3723 浏览

jquery - jQuery fadeTo 和 fadeIn 除了 JSFiddle 之外在任何地方都不起作用

我似乎无法在 chrome 或 safari 上获得简单的淡入效果 - 但它与 jsfiddle (Chrome 19.0.1084.56 & Safari 5.1.7) 完美配合。我也没有得到任何 javascript 错误来解决。以前我试过

$("#fade").hide().fadeIn

这在 jsfiddle 中也可以正常工作,但在我的文件中却不行。有趣的是,当我使用它时,fadeOut 可以正常工作。

下面是我的代码——它对你有用吗?如果您对为什么它不适合我有任何想法,请告诉我!

0 投票
2 回答
836 浏览

jquery - jQuery悬停传播

我在悬停图像上使用它:

但是,如果我在图像上快速通过鼠标 2 次或更多次,$('#txtapart') 淡入淡出 2 次或更多次!如何停止淡入淡出传播?

谢谢你的帮助...

0 投票
2 回答
161 浏览

javascript - 时间 jQuery fadeTo 效果?

目前我正在使用 jQueryfadeTO淡入 div。但是,我在这里有一个时间问题。我有一个动画 GIF 文件,我想用 jQueryfadeTO效果来计时。

我试图使用window.onload在页面完全加载之前不触发脚本,但是从技术上讲,它在页面加载之前不会触发脚本。根据用户的互联网连接,这可能有很好的时机或推迟时间。我想用 GIF 动画对效果进行计时,以尽可能精确地计时。这是我正在使用的当前脚本:

我的问题是如何在 GIF 完全加载并在屏幕上显示后立即触发脚本?我的想法是,一旦加载了 GIF 并且脚本在 GIF 执行时启动,我可以用 GIF 计时脚本以正确淡入。

我对如何更好地安排这些时间的其他想法持开放态度。

0 投票
1 回答
85 浏览

jquery - 需要帮助让 FadeTo 方法与窗口滚动事件一起使用

我试图让我的一页网站的每个“部分”根据滚动位置淡入和淡出。我希望该部分保留为 display:block,因此我使用FadeTo方法而不是 FadeIn/FadeOut。

这个想法是让每个部分在距离顶部一定距离时淡入,当它不满足某些要求时淡出。我目前的标记尝试如下,但努力找出我在哪里犯了错误

功能:

和我的窗口滚动事件:

我担心的是,由于live()已被弃用,并且delegate()不适用于滚动事件,因此在加载 DOM 后,totalScroll 变量不会不断更新/重新计算。

提前致谢!

0 投票
2 回答
1282 浏览

jquery - Jquery Mouseout 下拉菜单

我试图修复我的 mouseout 事件。

我得到了元素

当我悬停在它上面时显示。但是我希望它在“.page_item.page-item-2”元素和 #dropdown 元素上出现 mouseout 事件时消失。

这是我的 Jquery 代码(不能完全工作)

我确定有一个简单的解决方案。请帮忙

0 投票
1 回答
517 浏览

jquery - 带有大尺寸图像的 Chrome 中的延迟不透明度变化

我有一个简单的幻灯片放映,我在显示新照片之前淡出当前照片。它在 FF 和 IE 下效果很好,但在 Chrome 中效果非常滞后......

我发现 Chrome 中的延迟只出现在大尺寸图像上

这是重现的代码:

在这里工作演示:http: //jsfiddle.net/f3tta/18/embedded/result/

(注意:评论参考了之前的演示,避免浏览器缓存在这里

你能重现吗?我必须有什么解决方案来避免滞后而不必提供完美缩放的图像?

0 投票
0 回答
115 浏览

jquery - 为什么 jQuery.fadeTo() 将我的水平页面滚动到顶部(=向左)?

我正在运行一个水平网站。我有一个只显示一张图片的画廊。为了在更改显示图片时不必刷新整个页面,我使用了 jQuery fadeIn、load 和 fadeOut。这在 Safari 中效果很好,但在 Firefox 中它会跳转到页面的左边缘。所以我用谷歌搜索了这个问题,我试图给父 div 一个固定的宽度和高度以及位置:相对,而交换的 div 也有一个固定的宽度/高度和位置:绝对。这没有用。我发现了一篇博客文章,其中描述了类似的问题,解决方案是使用 fadeTo。现在这是我的代码,它也不起作用:

我的错在哪里?问候!

0 投票
0 回答
95 浏览

jquery - JQuery淡入淡出滞后

我使用 JQuery fadeTo 效果在鼠标悬停时将图像的不透明度更改为 0.2,并在鼠标离开时将其更改回 1。我遇到的问题是,每当我触发 mouseleave 事件时,图像的不透明度为 0.2 几秒钟,然后返回不透明度值为 1。就像我正在使用延迟功能但我没有。任何提示表示赞赏。这是代码:

0 投票
1 回答
8693 浏览

jquery - 淡入/淡出,固定/固定标题

好的,我知道我似乎已经问过这个问题了,@adeneo 之前已经回答并赞赏了这个问题,但是我脑子里嗡嗡作响,因为我无法让它发挥作用。

我试图在向下滚动时使我的“固定”定位标题“fadeTo”0.5 不透明度,并在用户滚动回顶部时淡入完全不透明(“不透明度”:1.0)?

这是我所拥有的:

目前,使用此代码似乎仅在向下滚动时使其“fadeTo”0.5 不透明度,但当滚动回顶部时,它不会淡化回完全不透明(不透明度:1.0)。

请帮忙!

0 投票
0 回答
278 浏览

jquery - jQuery Ajax load() 与回调 fadeTo() 仅在第一次尊重 fadeTo() 不透明度

有问题的页面位于: http: //pull4parkinsonsfoundation.org/clinical_trials

我是 Ajax <ul>,通过单击导航链接将链接加载到 ID 区域中,该链接通过淡出当前 html 并淡入新内容来过滤所看到的内容。这一切都有效。

根据我在SO上找到的输入,我了解到第一次淡出后淡入有问题的 div 需要在load()调用的回调中处理。

不过,到目前为止一切都很好。(实际上,为了清楚起见,我使用fadeTo('slow',0.2)andfadeTo('slow',1)来表示淡出/淡入,因为实际的淡出/淡入会使页面元素发生变化)。

问题是,当单击另一个导航链接为列表选择新过滤器时,fadeTo()总是为零,而不是编码的 0.2。这不是一个可怕的问题,但我更喜欢 20% 能见度的效果,这样该区域就不会完全消失。

这是我正在使用的 jQuery:

有什么想法,或者这只是那些奇怪的 jQuery 行为之一?