Javascript 鼠标悬停时的两个事件

我是CSS和JS方面的新手。我正试图让两件事情发生在mousehover上，但它并没有发生。这是我的密码

<div class="ht2_icon ht2left" style="background: url(icons/img4.png) no-repeat center;" onClick="popup('#newTeam')"> 
    <span class="tooltip" onmouseover="tooltip.pop(this, 'New Team', {position:0})"> 
        <img src="icons/img4hover.png"/>
    </span>
</div>

---

我应该在鼠标悬停时使用工具提示和其他图像，但事实并非如此

若要仅在悬停状态下查看其他图像，请对ht2_图标或ht2left使用单独的css定义：

.ht2left:hover { background: url(icons/img_hover.png) no-repeat center; }

对于多个事件，请使用bind（它被标记为jquery，因此这是jquery解决方案，但对于其他框架，它将非常类似）

---

您应该将HTML、CSS和JavaScript分开，并以编程方式绑定回调。您的“干净”HTML将如下所示（我添加了类

弹出触发器

）：

如果您使用的是jQuery，那么应该使用，它将对与选择器匹配的所有当前和未来元素执行回调

var $triggers = $(".popup-triggers");
$triggers.on("click", function() {
    // do something
});

---

javascript/jquery在哪里？你能给出你想在mouseover上调用的函数名吗？如果我明白你在找什么，那么在图像上设置onmouseover。您可以使用onMouseCenter哪个气泡这两个事件是什么？哪些事件不起作用，何时起作用？你说的“另一个图像不工作”是什么意思？其他（哪个？）图像会发生什么情况？这两个事件是在悬停时1-工具提示应该出现2-图像的相反位置应该出现，因此如果正常图像悬停时为浅灰色，它将变为深灰色如果它不是唯一的一个图像，那么我无法在CSS中编辑它？？就像我不能使用{background:url（icons/img_hover.png）no repeat center；}因为对于每个图像，悬停时都有另一个等效的img，你可以将图像添加到弹出窗口中作为：``

，然后使用jQuery:

$element.data（'popup-image'）`访问它，以更改弹出窗口的

src

。

<div class="ht2_icon ht2left popup-trigger"> 
    <span class="tooltip"> 
        <img src="icons/img4hover.png"/>
    </span>
</div>

tooltips[i].addEventListener('mouseover', popTooltip);
tooltips[i].addEventListener('mouseover', doSomethingElse);

var $triggers = $(".popup-triggers");
$triggers.on("click", function() {
    // do something
});