エリアのハイライトは、私は、以下の機能を持っている

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ハンドラに入れないでください。