Question

我有以下功能：

<script type="text/javascript">
$("img[usemap]").mapify();

$(window).resize(function(){

  setTimeout(function(){
    $("#map area").eq(1).trigger("mouseenter.mapify").trigger("focus.mapify").trigger("touchend.mapify");
    $(".mapify-svg polygon").eq(1).css("stroke","#09f");
  },5000);

}).resize();
</script>

此功能使用笔划在5秒后突出显示特定区域（使用mapify）。

这完全正常，但我似乎无法找到一种方法来调整函数以包含mouseout功能。

基本上，我需要在5秒后突出显示该区域，它会突出显示2秒钟，然后再次熄灭，重复播放。

我对JS和图像映射相当新，但我可以提供任何可能有帮助的其他信息。

我正在处理的项目位于https://sporedev.ro/pleiade。

Answer 1

使用以下

function blinkIn() {
  setTimeout(function() {
    $("#map area").eq(1).trigger("mouseenter.mapify").trigger("focus.mapify").trigger("touchend.mapify");
    $(".mapify-svg polygon").eq(1).css("stroke", "#09f");
    blinkOut();
  }, 5000);
}

function blinkOut() {
  setTimeout(function() {
    $("#map area").eq(1).trigger('mouseout.mapify');
    blinkIn();
  }, 2000);
}

blinkIn();

但是不要放入.resize处理程序，因为在调整大小并将其搞砸时会多次触发。

区域突出显示鼠标

1 个答案: