jquery - 有没有一种简单的方法可以使用 jQuery 淡入 css :hover background?

标签 jquery css hover jquery-hover

我有一个带有 CSS 的 IMG,它使用 :hover 来显示背景。有没有一种简单的方法可以使用 jQuery 在背景中淡出而不是立即出现?

我当前的代码是:

HTML: <img id="home-logo" src="path/logo-home.png">`
CSS: #home-logo:hover { background: url(path/logo-back.png) right bottom no-repeat;}

最佳答案

是的!!!你可以使用这个...

$('#home-logo').hover(function(){
  $(this).fadeIn('slow', function() {
  //do something  
  });
 });

有关更多信息,您应该查看本教程。 fadeIn

关于jquery - 有没有一种简单的方法可以使用 jQuery 淡入 css :hover background?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4813231/

相关文章:

javascript - 使用 Javascript 选择菜单 onChange DIV 元素

css - WP 主题页脚文本对齐

jquery - 边境头条

html - 文本离 iframe 太近 - 如何在它周围获得边距/边框?

css - 悬停在 div 上会影响外部元素

javascript - 优雅降级是否适用于所有事物?对于每个 javascript 和 javascript 框架功能?

jquery - 对于每个人来说哪个更快?

javascript - 使用 JavaScript 从路径中获取文件名

html - 悬停或事件时 HTML/CSS 选项卡出现问题

css - 通过 css 更改链接悬停颜色