问题标签 [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 回答
611 浏览

jquery - 上面的 jQuery Fade 图片和后面的 CSS background-image

我在 UL 中与 css/background-images 并排列出了多个 IMG 图标。

当您将鼠标悬停在单个图标上时,IMG 淡化为 0,然后 css/background-image 变得可见。

我可以让它很好地淡出,但背景图像保持可见并在 IMG 后面显示几个像素(假设主 IMG 为黑色,css/背景图像为橙色)。

如果我将背景图像位置设置为 0 0,那么它会在 IMG 的 fadeTo 完成之前消失。

所以基本上我希望背景位置在“正常,1”完成后改变。

我希望这是有道理的。

有人可以帮忙吗?

这是代码:

0 投票
1 回答
416 浏览

jquery - jquery - fadeTo 在 Chrome 16 中不起作用

我正在执行一个非常简单的 onmouseover fadeTo ,如下所示:

...在 FF7/8 中运行良好,但我无法让元素 a.advert 在 Chrome 中淡入淡出(其他淡入淡出工作正常)。HTML是这样的:

我可以在 Chrome 的检查器中看到不透明度发生了变化,但在文档中看起来并没有什么不同。其他这样的淡入淡出效果很好(包括带有图像的淡入淡出)。

我正在使用 jQuery 1.6.2。

有什么想法吗?

0 投票
1 回答
129 浏览

jquery - 是什么导致我的 jQuery .fadeTo() 效果出现这种奇怪的闪烁?

这是一个带有一些缩略图的页面:

http://thenozzle.net/games

我想要的是当你将鼠标悬停在一个缩略图上时,其他的会变成黑色(每个拇指后面都有一个黑色的 div)。悬停,他们回来。

问题是当您从一个缩略图转到下一个缩略图时,页面上的所有其他缩略图会很快淡入然后淡出。我怎样才能防止这种情况?有没有更好的方法来做我想要完成的事情?

这是我到目前为止所拥有的:

注意2:另外,如果有任何方法可以简化或压缩我的代码以使其更具语义/更快/更轻,请告诉我。

谢谢!

0 投票
1 回答
755 浏览

jquery - 在jQuery中将fadeTo更改为幻灯片

单击缩略图时,标准的galeriffic 画廊会在图像之间淡出。如何更改图库,以便图像从页面滑到右侧,显示下面的下一个图像?谢谢

0 投票
4 回答
158 浏览

jquery - 悬停时fadeTo的Jquery问题

所以基本上我试图div.show在悬停时淡入,然后当你停止悬停时,让它淡入不透明度为 0。

但是,当您停止悬停时,我无法让 div 淡化回 0。

这是我的代码:

谢谢

0 投票
2 回答
482 浏览

jquery - mouseleave 函数fadeTo 初始值(返回)

我正在做一个后台播放器。当用户单击#play按钮时,主菜单会淡出0.1以不妨碍视图。但是他可以随时使用主菜单,只要将鼠标移到主菜单上并返回 opacity 即可1。当他移开鼠标时,又变得透明了。

当用户按下#pause按钮时,主菜单的不透明度将恢复为不透明。但是当他从主菜单中移开鼠标时,不透明度必须保持为 1。

基本上我有这个:

你可以在这里看到它的工作:http: //luisgustavoventura.com

请建议。

0 投票
2 回答
478 浏览

jquery - jquery悬停问题

我想使用 jquery 在悬停时创建黑色淡入淡出,文本在水平、可缩放的滚动图像上的黑色上(请参阅随附的屏幕截图)。在那一刻,图像逐渐变得不透明而不是变成黑色。示例可以在这里看到:http: //deanpauley.co.uk/new/index.html 我是使用 jquery 的新手,对此我完全感到困惑。任何帮助将不胜感激。

CSS如下:

和 HTML:

截图:

悬停时的图像

EditIt 现在可以使用@Duopixel,但现在有黑色边框。请参阅随附的屏幕截图。我怎样才能摆脱这个?

在此处输入图像描述

“编辑”

0 投票
3 回答
364 浏览

javascript - 鼠标悬停时的 Jquery fadeTo

我正在使用一个名为任何滑块的插件,并试图让控件在 4 秒后消失(这正在工作),然后在鼠标悬停时将不透明度更改回 1(不工作)。这是我到目前为止所拥有的......我做错了什么?

0 投票
2 回答
128 浏览

jquery - jQuery slideToggle 与fadeTo 一起使用时行为不正确

我想更改 div 的不透明度,然后将其向上或向下滑动以查看其内容,但滑动动画的行为非常奇怪,如下所示:

http://jsfiddle.net/NsYtr/

但是,如果我在 click 函数中删除了 fadeTo,则滑动会正常工作。

我在这里缺少什么来使#user_box div 更改不透明度然后滑动?

标记:

js:

CSS:

0 投票
1 回答
840 浏览

jquery - IE在JQuery淡入淡出/不透明动画中扭曲文本

我意识到这是一个成熟的领域,但我无法在 SO 或其他工作场所获得任何推荐的解决方案。

我有一个 div,里面有文本,我想在点击时淡出到 25%,然后在后续点击时淡入到 100%。它适用于除 IE 之外的所有浏览器(我正在 IE8 中测试)。问题:在将 div 淡入后,IE 中的文本都是锯齿状且不完整的(我认为正确的术语可能是“不抗锯齿”)。

我已经尝试了所有我能找到的推荐解决方案。最常推荐的似乎是我在下面的示例中包含的那个,它是为不透明度设置动画(而不是使用fadeTo),为IE应用filter:alpha(opacity),然后在回调中删除过滤器一次动画到 100% 已完成。我也尝试过(根据其他建议):

  • css 背景色和无背景色(用于 div)
  • 删除过滤器的各种方法(请参阅下面代码中的注释)
  • 确保我的 div 有高度、宽度和浮动:左

这是javascript:

这是CSS:

非常感谢您的任何指导!