この機能にはどのような言語が使用されていますか？

Question

私はこのウェブサイトに来て、サーフしている間に：http://kurdon.com/?lang=en_US そしてフロントページにはあなたが乗ることができるイラクの地図があり、それがパーツを強調表示します。それをクリックすると、部品のページにリンクされます。

私は彼がこの機能に何を使用したのか考えていましたか？それはjavascript/jqueryですか、それとも何か？

Answer 1

マップ用のjavascriptを使用しています。

onmouseover="change_map(1);" 

、ページ上のインライン定義された機能：マップの右側に

これが含まれているリンクがあり、それ自体がによって実現されているマップの

function change_map(region) { 
    var MapItem = document.getElementById("imageRegions"); 
    var ListItem = document.getElementById("region_" + region); 
    MapItem.style.backgroundImage = 'url(/images/region_' + region + '.gif)'; 
    MapItem.style.backgroundPosition = '0px 0px'; 
    MapItem.style.backgroundRepeat = 'no-repeat'; 
    ListItem.style.color = "#D0630A"; 
    return true; 
} 

エリアイメージマップ。

Answer 2

HTMLイメージマップでこれを行うことはできますが、非推奨とは分かりません。

参照：http://en.wikipedia.org/wiki/Image_map#Definition_in_HTML

Answer 3

それはCSSを操作するだけではJavaScriptです。

Answer 4

これは、onmouseoverとonmouseoutイベントに添付されたjavascriptエフェクトと組み合わせたHTMLイメージマップです。

イメージマップは座標を使って領域を定義し、javacriptは色を変更して他のエフェクトを適用します。

Chromeウェブデベロッパーツールでページのソースを表示したり、詳細を確認してください。

Answer 5

はちょうどマップを使用し、さまざまな地域のために右のCOORDSを設定して、誰かがマウスオーバー/マウスアウト