HTML イメージ マップがあり、mapper.js を使用して onMouseOver エフェクトを作成しています。ページの読み込み時に onMouseOver イベントをトリガーする特定のマップ エリア (クラスが "high") を作成したいと考えています。Internet Explorer を除いて、すべて正常に動作します。
これは私がこれまでに持っているものです。
Javascript:
function ready() {
$("area").mouseleave(function() {
$('.high').each(function(){
$(this).trigger('mouseover');
});
});
$('.high').each(function(){
$(this).trigger('mouseover');
});
}
HTML:
...
<body onload="ready();">
...
<map>
<area id="Philippines" rel="Philippines" class="noborder iopacity100 icolorfff502 {if in_array("Philippines",$sal)} high {/if}" shape="poly" alt="Philippines" coords="367,308,367,301,364,301,363,295,365,292,360,293,357,291,356,287,356,282,354,281,351,273,354,274,353,268,353,262,360,263,363,266,365,271 />
</map>
...
この問題を解決する方法はありますか?