有没有办法:hover
用 jQuery 的平滑悬停自动替换所有或某些 CSS 效果(或者纯 JavaScript 或其他库也可以)?
例如,如果为一个元素:hover
定义了一个样式,则无需为每个元素手动编写 JavaScript 即可替换它?
有没有办法:hover
用 jQuery 的平滑悬停自动替换所有或某些 CSS 效果(或者纯 JavaScript 或其他库也可以)?
例如,如果为一个元素:hover
定义了一个样式,则无需为每个元素手动编写 JavaScript 即可替换它?
我觉得这种方法在网络发展方面倒退了。将演示文稿与脚本分开是一种很好的做法。标记也是如此:在一个完美的世界里,它们在实现上应该是完全不同的。
话虽如此,您也许可以使用 CSS3 过渡来完成您需要的工作,尽管大多数旧浏览器不支持它们。见这里: https ://developer.mozilla.org/en-US/docs/CSS/Using_CSS_transitions?redirectlocale=en-US&redirectslug=CSS%2FCSS_transitions
否则使用 jQuery:
$('element').hover(function () {
$(this).css({
// styles in JSON
});
});