javascript - 用 JS 触发 css hover

标签 javascript jquery

<分区>

我想知道是否可以通过 JS 以某种方式触发 CSS HOVER 效果,而无需使用额外的类...

这是我想做的一个例子: http://jsfiddle.net/pXbMZ/2/

我已经尝试使用 mouseenter() 触发效果,但这不会触发 CSS 悬停效果。

PS:我做了一个功能,可以帮助用户使用在线 CMS。帮助功能通过四处移动显示如何使用东西的图像来向您展示如何做事。虚拟光标可以点击内容、显示元素等。但我希望这个虚拟光标也能触发 CSS 中设置的 :hover 效果。

最佳答案

我知道你想做什么,但为什么不简单地这样做:

$('div').addClass('hover');

该类已在您的 CSS 中定义...

至于你原来的问题,这个问题之前已经被问过,不幸的是这是不可能的。 例如http://forum.jquery.com/topic/jquery-triggering-css-pseudo-selectors-like-hover

但是,如果您的样式表是用 Javascript 定义的,您可能会实现所需的功能。看: http://www.4pmp.com/2009/11/dynamic-css-pseudo-class-styles-with-jquery/

希望这对您有所帮助!

关于javascript - 用 JS 触发 css hover,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4347116/

相关文章:

javascript - JSON响应在响应 native 提取中表现异常

javascript - 菜单保持固定

jQuery 在 Dreamweaver 中工作正常,但在任何浏览器中都无法工作。怎么修?

javascript - jquery 每个循环的随机元素 id

javascript - 在 textarea 上键入时突出显示文本

javascript - 如何在 IE9 剥离之前获取样式属性值

javascript - 在 jQuery 中执行 PHP 代码

jquery - 单击复选框时向父元素添加/删除类

jquery - jquery 获取当前索引

javascript - jquery:根据父div id更改输入值