1. 首頁
  2. 問答
  3. 此功能使用什麼語言？

此功能使用什麼語言？

2011-12-23 67 views
4

我來到這個網站，而衝浪：http://kurdon.com/?lang=en_US 和它的頭版它有一個伊拉克地圖，你可以在其中懸停，它會突出顯示的部分。點擊它將鏈接到一個零件的頁面。此功能使用什麼語言？

我在想，他用這個功能是什麼？是javascript/jquery，或者類似的東西？

來源

2011-12-23 messi

+1

看起來像一些腳本的顏色。沒有Flash或Silverlight插件的標誌 – 2011-12-23 18:58:31

+1

+1這是一篇寫得很好的頁面，感謝您發佈它。 – rfmodulator 2011-12-23 19:02:18

回答

9

他們只使用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; 
}

本身被實現地圖的區圖像映射。

來源

2011-12-23 19:00:46 Armin

+0

準確完整的答案。 +1。做得好。 – 2011-12-23 19:02:44

5

這是一個HTML圖像映射，結合附加到onmouseover和onmouseout事件的javascript效果。

圖像映射通過座標定義區域，並且javacript會更改顏色並應用其他效果。

請嘗試查看Chrome Web Developer工具或Firebug中的頁面源以查看更多信息。

來源

2011-12-23 19:00:07

1

只是看起來像JavaScript來我使用地圖和設置正確的COORDS爲不同的區域，然後改變，當有人做鼠標懸停/鼠標移開

來源

2011-12-23 19:01:44

相關問題

 相關問題