通过点击CSS类触发JavaScript，但我需要从HTML地图区域热点触发它？

我对JavaScript相当陌生，只做了一些现成代码的复制/粘贴实现。但这对我没有帮助-(

因此，我找到了一个非常简洁的jQuery“页面转换”教程，在开始时将body display css标记设置为“None”，然后进行简洁的淡入

还有一个淡出功能，但在本教程中，只有在单击特定类的链接时才会触发淡出功能

但是：我需要在点击HTML地图热点后发生这种淡出，我认为这些热点不能应用css类

必须有一种方法从这个HTML地图区域热点调用淡出函数，是吗？如果是这样，该函数仍然能够获取目标URL吗

这将是脚本：

<script type="text/javascript">
$(document).ready(function() {
    $("body").css("display", "none");
    $("body").fadeIn(500);

    $("a.transition").click(function(event){
        event.preventDefault();
        linkLocation = this.href;
        $("body").fadeOut(500, redirectPage);       
    });

    function redirectPage() {
        window.location = linkLocation;
    }
});
</script>

$（文档）.ready（函数（）{
$（“body”）.css（“display”、“none”）；
$（“正文”）。法代因（500）；
$（“a.transition”）。单击（函数（事件）{
event.preventDefault（）；
linkLocation=this.href；
$（“正文”）。淡出（500页）；
});
函数重定向页面（）{
window.location=linkLocation；
}
});

因此，这就像一个魅力：

<a href="page2.html" class="transition">Click to fade to Page 2</a>

但我该怎么办

<img src="graphics/menu_01.jpg" alt="" usemap="#maincontent" id="maincontent"/>
<map name="maincontent">
  <area shape="rect" coords="438,264,578,411" href="page2.html">
</map>

多谢各位

将

转换

类添加到

区域

元素中

将选择器更改为此：

$（“.transition”）

---

试试

$（“地图>区域”）.hover（function（）{event.preventDefault（）；linkLocation=this.href；$（“body”）.fadeOut（500，redirectPage）；}；

？这会使它在你将鼠标悬停在热点上时淡出到第2页。Wohooo！：）这比我预想的更容易！确实需要深入研究JavaScript。谢谢，也谢谢休伊，我非常感谢@为了表示你的欢迎，如果它有帮助，你可以接受它作为正确的答案。另外，在一个新主题中发布你的另一个问题（不是作为答案）。