问题标签 [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.
jquery - 上面的 jQuery Fade 图片和后面的 CSS background-image
我在 UL 中与 css/background-images 并排列出了多个 IMG 图标。
当您将鼠标悬停在单个图标上时,IMG 淡化为 0,然后 css/background-image 变得可见。
我可以让它很好地淡出,但背景图像保持可见并在 IMG 后面显示几个像素(假设主 IMG 为黑色,css/背景图像为橙色)。
如果我将背景图像位置设置为 0 0,那么它会在 IMG 的 fadeTo 完成之前消失。
所以基本上我希望背景位置在“正常,1”完成后改变。
我希望这是有道理的。
有人可以帮忙吗?
这是代码:
jquery - jquery - fadeTo 在 Chrome 16 中不起作用
我正在执行一个非常简单的 onmouseover fadeTo ,如下所示:
...在 FF7/8 中运行良好,但我无法让元素 a.advert 在 Chrome 中淡入淡出(其他淡入淡出工作正常)。HTML是这样的:
我可以在 Chrome 的检查器中看到不透明度发生了变化,但在文档中看起来并没有什么不同。其他这样的淡入淡出效果很好(包括带有图像的淡入淡出)。
我正在使用 jQuery 1.6.2。
有什么想法吗?
jquery - 是什么导致我的 jQuery .fadeTo() 效果出现这种奇怪的闪烁?
这是一个带有一些缩略图的页面:
我想要的是当你将鼠标悬停在一个缩略图上时,其他的会变成黑色(每个拇指后面都有一个黑色的 div)。悬停,他们回来。
问题是当您从一个缩略图转到下一个缩略图时,页面上的所有其他缩略图会很快淡入然后淡出。我怎样才能防止这种情况?有没有更好的方法来做我想要完成的事情?
这是我到目前为止所拥有的:
注意2:另外,如果有任何方法可以简化或压缩我的代码以使其更具语义/更快/更轻,请告诉我。
谢谢!
jquery - 在jQuery中将fadeTo更改为幻灯片
单击缩略图时,标准的galeriffic 画廊会在图像之间淡出。如何更改图库,以便图像从页面滑到右侧,显示下面的下一个图像?谢谢
jquery - 悬停时fadeTo的Jquery问题
所以基本上我试图div.show
在悬停时淡入,然后当你停止悬停时,让它淡入不透明度为 0。
但是,当您停止悬停时,我无法让 div 淡化回 0。
这是我的代码:
谢谢
jquery - mouseleave 函数fadeTo 初始值(返回)
我正在做一个后台播放器。当用户单击#play
按钮时,主菜单会淡出0.1
以不妨碍视图。但是他可以随时使用主菜单,只要将鼠标移到主菜单上并返回 opacity 即可1
。当他移开鼠标时,又变得透明了。
当用户按下#pause
按钮时,主菜单的不透明度将恢复为不透明。但是当他从主菜单中移开鼠标时,不透明度必须保持为 1。
基本上我有这个:
你可以在这里看到它的工作:http: //luisgustavoventura.com
请建议。
jquery - jquery悬停问题
我想使用 jquery 在悬停时创建黑色淡入淡出,文本在水平、可缩放的滚动图像上的黑色上(请参阅随附的屏幕截图)。在那一刻,图像逐渐变得不透明而不是变成黑色。示例可以在这里看到:http: //deanpauley.co.uk/new/index.html 我是使用 jquery 的新手,对此我完全感到困惑。任何帮助将不胜感激。
CSS如下:
和 HTML:
截图:
EditIt 现在可以使用@Duopixel,但现在有黑色边框。请参阅随附的屏幕截图。我怎样才能摆脱这个?
“编辑”
javascript - 鼠标悬停时的 Jquery fadeTo
我正在使用一个名为任何滑块的插件,并试图让控件在 4 秒后消失(这正在工作),然后在鼠标悬停时将不透明度更改回 1(不工作)。这是我到目前为止所拥有的......我做错了什么?
jquery - jQuery slideToggle 与fadeTo 一起使用时行为不正确
我想更改 div 的不透明度,然后将其向上或向下滑动以查看其内容,但滑动动画的行为非常奇怪,如下所示:
但是,如果我在 click 函数中删除了 fadeTo,则滑动会正常工作。
我在这里缺少什么来使#user_box div 更改不透明度然后滑动?
标记:
js:
CSS:
jquery - IE在JQuery淡入淡出/不透明动画中扭曲文本
我意识到这是一个成熟的领域,但我无法在 SO 或其他工作场所获得任何推荐的解决方案。
我有一个 div,里面有文本,我想在点击时淡出到 25%,然后在后续点击时淡入到 100%。它适用于除 IE 之外的所有浏览器(我正在 IE8 中测试)。问题:在将 div 淡入后,IE 中的文本都是锯齿状且不完整的(我认为正确的术语可能是“不抗锯齿”)。
我已经尝试了所有我能找到的推荐解决方案。最常推荐的似乎是我在下面的示例中包含的那个,它是为不透明度设置动画(而不是使用fadeTo),为IE应用filter:alpha(opacity),然后在回调中删除过滤器一次动画到 100% 已完成。我也尝试过(根据其他建议):
- css 背景色和无背景色(用于 div)
- 删除过滤器的各种方法(请参阅下面代码中的注释)
- 确保我的 div 有高度、宽度和浮动:左
这是javascript:
这是CSS:
非常感谢您的任何指导!