javascript - 淡入/淡出 RGBA 背景颜色 - Jquery 脚本

Question

是否可以通过 JS 脚本淡入 RGBA 背景颜色？ 我基本上想做一些非常像这样的事情 - ( http://codepen.io/thebabydino/pen/AtzpB )，但我想通过函数而不是悬停在背景中淡入淡出？

Answer 1

只需将 :hover 转换为一个类即可:

.boo.hover {
  background-color: rgba(0,0,0,.5);
}

然后使用 jQuery 切换它:

$('.boo').click(function () {
  $(this).toggleClass('hover');
});

我 fork 了你的例子:http://codepen.io/anon/pen/dIJah .单击图像进行切换。