我一直试图找到mouseover在Chrome中模拟的代码,但即使"mouseover"监听器被触发,CSS"悬停"声明也永远不会被设置!
我也尝试过:
//Called within mouseover listener
theElement.classList.add("hover");
但似乎没有任何东西可以将元素更改为其hover声明中声明的内容.
这可能吗？
我想知道是否有可能以某种方式用JS触发CSS HOVER效果,而不必使用额外的类......
这是我想做的一个例子:http: //jsfiddle.net/pXbMZ/2/
我尝试过激活效果,mouseenter()但这不会触发CSS悬停效果.
PS:我已经创建了一个帮助用户使用在线CMS的功能.帮助功能向您展示如何通过移动图像来显示如何使用东西.虚拟光标可以点击东西,显示元素等.但我希望这个虚拟光标能够触发:CSS中设置的悬停效果.
目前,我有一些jQuery/Javascript代码,当用户将鼠标悬停在某些元素上时切换css类'ui-state-hovered',我想在konacha中编写测试来测试这段代码.
如何在jQuery的帮助下在Javascript中编写此函数？
如果用户将鼠标悬停在元素$('.someClass li:first')上,则返回true,类'ui-state-hovered'存在.否则返回false.
我如何模拟将鼠标悬停在该元素上的用户？
我有<div class="animate">和在css:
div.animate:hover{
//do stuff
}
但是也想通过javascript调用它.
可能吗？
我有两个不同的z-index(15和17)的div,其中一个,我有一个工具提示(tooltipster插件),另一个我有一个CSS3效果动画类:hover选择器.
div的大小和绝对位置完全相同(一个div超过另一个div).
当我将鼠标悬停在具有z-index 17的div上时,如何在泛型模式下触发:hover选择器以z-index 15触发div的CSS3动画？
<div style="position: absolute;">
<div class="some-size toolipster" style="z-index: 20;"></div>
<div class="some-size animation" style="z-index: 19;"></div>
</div>
编辑:我需要添加到我的问题,我不知道动画类的名称,我不知道其他div的z-index ...
更多信息:好的,我有一个工作区,用户可以将项目拖动到工作区.对用户上传进行成像,选择一个动画并将图像拖到工作区,并且他想要附加交互区域"工具提示".用户可以拖动"隐形"div"区域交互"并附加带标题的工具提示.用户将此不可见的div"区域交互式"拖动到图像上.后来其他用户将鼠标移到图像上,必须发生两件事:
1.-显示工具提示2.-触发动画:悬停
只是...
更新重要:我现在可以使用jQuery
谢谢!!