js圖片上怎么設(shè)置熱區(qū)

//?MAP1名稱

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、成都微信小程序、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了鶴壁免費建站歡迎大家使用！

var?mapName1?=?"Map1";

//?MAP1ID

var?mapId1?=?"MapId1";

//?指定DIV名稱

var?divnId?=?"mask";

//?圖片路徑

var?imgPath?=?"";

main?=?function(type)?{

var?obj;

switch(type)?{

case?"aa"?:

//?指定圖片及熱點對象取得

obj?=?imgMapList[0];

//?創(chuàng)建圖片及熱點

creatImpAndHot(obj);

break;

}

}

creatImpAndHot?=?function(hotObj)?{

//?創(chuàng)建熱點MAP對象

var?map?=?document.createElement_x("Map");

//?設(shè)置MAP名稱

map.name?=?mapName1;

//?設(shè)置MAPID

map.id?=?mapId1;

//?熱點列表取得

var?length?=?hotObj.map.length;

for?(var?i?=?0;?i??length;?i++)?{

var?tempMap?=?hotObj.map[i];

//?創(chuàng)建熱區(qū)對象

area?=?document.createElement_x("area");

//?設(shè)置熱區(qū)類型

area.shape?=?tempMap.shape;

//?設(shè)置熱區(qū)坐標(biāo)

area.coords?=?tempMap.coords;

//?設(shè)置熱區(qū)對應(yīng)鏈接

area.href?=?tempMap.href;

//?設(shè)置熱區(qū)對應(yīng)事件

area.onclick?=?tempMap.onclick;

//?設(shè)置熱區(qū)id

area.id?=??tempMap.id;

//?向MAP中追加熱區(qū)對象

map.appendChild(area);

}

//?創(chuàng)建圖片對象

var?img?=?document.createElement_x("img");

//?圖片ID

img.id?=?hotObj.img.id;

//?設(shè)置圖片鏈接

img.src?=?hotObj.img.imgName;?

//?設(shè)置圖片對應(yīng)熱區(qū)MAP

img.useMap="#"?+?mapName1;

//?設(shè)置圖片尺寸

img.width?=?hotObj.img.width;?

img.height?=?hotObj.img.height;?

//?邊框

img.border?=?"0";

//?設(shè)置圖片ID

img.id?=?hotObj.id;

//?清空指定DIV內(nèi)容

document.getElementByIdx_x(divnId).innerHTML?=?'';

//?向DIV區(qū)添加MAP對象

document.getElementByIdx_x(divnId).appendChild(map);

//?向DIV區(qū)添加圖片對象

document.getElementByIdx_x(divnId).appendChild(img);

}

testClick?=?function()?{

alert();

}

creatImgAndMap?=?function(){

var?tempArray?=?new?Array();

var?tempObj?=?new?Object();

//?圖片ID

tempObj.img?=?new?Object();

tempObj.img.id?=?"test1";

//?圖片名稱（只要圖片名稱，路徑由公共變量設(shè)置）

tempObj.img.imgName?=?"113.jpg";

//?設(shè)置圖片尺寸

tempObj.img.width?=?"640";

tempObj.img.height?=?"200";

var?tempMap;

tempObj.map?=?new?Array();

//?熱點1

tempMap?=?new?Object();

//?熱區(qū)ID

tempMap.id?=?"test1_hot1"

//?類型

tempMap.shape?=?"rect";

//?熱區(qū)坐標(biāo)

tempMap.coords?=?"159,167,238,191";

//?鏈接

tempMap.href?=?"#";

//?單擊事件

tempMap.onclick?=?testClick;

//?添加到列表中

tempObj.map[0]?=?tempMap;

//?熱點2

tempMap?=?new?Object();

//?熱區(qū)ID

tempMap.id?=?"test1_hot2"

//?類型

tempMap.shape?=?"rect";

//?熱區(qū)坐標(biāo)

tempMap.coords?=?"147,7,286,33";

//?鏈接

tempMap.href?=?"#";

//?單擊事件

tempMap.onclick?=?testClick;

//?添加到列表中

tempObj.map[1]?=?tempMap;

//?將圖片及相應(yīng)熱區(qū)信息添加到列表中

tempArray[0]?=?tempObj;

return?tempArray;

};

//?熱點映射

var?imgMapList?=?creatImgAndMap();

!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?""

html?xmlns=""

head

meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/

title無標(biāo)題文檔/title

script?type="text/javascript"?src="img.js"?/script

script?type="text/javascript"

function?abc(){

main("aa");

}

/script

/head

body

div?id="mask"

input?type="button"????value="set"?onClick="abc()"

/div

/body

/html

javascript中如何設(shè)置指定時區(qū)的Date對象(不想與本地時區(qū)有關(guān)聯(lián))

字符串2013-10-05T02:00:00.000+09:30可以使用split方法分割

var fromDate= "2013-10-05T02:00:00.000+09:30".split('T').shift().split('-'); //得到["2013", "10", "05"]

如此就可以設(shè)置進Date對象

-----------------

如果不想與本地時區(qū)有關(guān)聯(lián)的話就統(tǒng)一用UTC的方法好了

具體時區(qū)再自己計算

比如，+9:30區(qū)

var d = new Date();

//9小時就是9*60分鐘，加上30分鐘，再轉(zhuǎn)換為毫秒

d.setTime(d.getTime()+(9*60+30)*60*1000);

d.toUTCString();

-----------------

Date對象的UTC有關(guān)的方法：

getUTCDate() 根據(jù)世界時從 Date 對象返回月中的一天 (1 ~ 31)

getUTCDay() 根據(jù)世界時從 Date 對象返回周中的一天 (0 ~ 6)

getUTCMonth() 根據(jù)世界時從 Date 對象返回月份 (0 ~ 11)

getUTCFullYear() 根據(jù)世界時從 Date 對象返回四位數(shù)的年份

getUTCHours() 根據(jù)世界時返回 Date 對象的小時 (0 ~ 23)

getUTCMinutes() 根據(jù)世界時返回 Date 對象的分鐘 (0 ~ 59)

getUTCSeconds() 根據(jù)世界時返回 Date 對象的秒鐘 (0 ~ 59)

getUTCMilliseconds() 根據(jù)世界時返回 Date 對象的毫秒(0 ~ 999)

setUTCDate() 根據(jù)世界時設(shè)置 Date 對象中月份的一天 (1 ~ 31)

setUTCMonth() 根據(jù)世界時設(shè)置 Date 對象中的月份 (0 ~ 11)

setUTCFullYear() 根據(jù)世界時設(shè)置 Date 對象中的年份（四位數(shù)字）

setUTCHours() 根據(jù)世界時設(shè)置 Date 對象中的小時 (0 ~ 23)

setUTCMinutes() 根據(jù)世界時設(shè)置 Date 對象中的分鐘 (0 ~ 59)

setUTCSeconds() 根據(jù)世界時設(shè)置 Date 對象中的秒鐘 (0 ~ 59)

setUTCMilliseconds() 根據(jù)世界時設(shè)置 Date 對象中的毫秒 (0 ~ 999)

toUTCString() 根據(jù)世界時，把 Date 對象轉(zhuǎn)換為字符串

javascript如何設(shè)置一個元素的可視區(qū)域？

一個div，一個img，div的z-index比img的z-index大，就可以擋著了，或者直接操作圖片了，太麻煩了

如何在node.js中設(shè)置默認時區(qū)

經(jīng)過試驗，雖然設(shè)置process.env.TZ的方法不能用了，但我們完全可以自己實現(xiàn)一套代碼出來。?

為此，我們首先在Date對象的prototype上聲明一個map結(jié)構(gòu)作為屬性，用于存儲時區(qū)名稱和偏移量的關(guān)系，然后對Date類的Date方法進行修改，如果沒有聲明process.env.TZ變量，就默認返回原來的date對象，如果聲明了該屬性，就先到對應(yīng)的數(shù)組中進行搜索，然后返回修改后的date對象。

process.env.TZ?=?"America/New_York";Date.prototype.TimeZone?=?new?Map([

['Europe/London',0],

['Asia/Shanghai',-8],

['America/New_York',5]

])Date.prototype.zoneDate?=?function(){

if(process.env.TZ?==?undefined){????????return?new?Date();

}else{????????for?(let?item?of?this.TimeZone.entries())?{????????????if(item[0]?==?process.env.TZ){????????????????let?d?=?new?Date();

d.setHours(d.getHours()+item[1]);????????????????return?d;

}

}????????return?new?Date();

}

}var?date?=?new?Date().zoneDate();

console.log(date);

在上面的代碼里，如果聲明了process.env.TZ這一屬性，再調(diào)用zoneDate就能得到對應(yīng)時區(qū)的date啦