16 2012年07月

不规则热区的使用

发布于:17时02分 | 来源:湛蓝天空  |   编辑:湛蓝  |   日志分类:JavaScript  |   已聚集:人围观
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function changeon(id){
document.getElementById('heb'+id).style.display='';
document.getElementById('name'+id).style.fontSize='16px';
document.getElementById('name'+id).style.fontWeight='600';
}
function changeout(id){
document.getElementById('heb'+id).style.display='none';
document.getElementById('name'+id).style.fontSize='12px';
document.getElementById('name'+id).style.fontWeight='';
}
</script>
</head>

<body>
<img src="file:///F|/web/入党誓词/area.jpg" width="588" height="238" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="poly" coords="157,67,169,76,177,77,189,73,205,77,213,80,220,93,226,92,237,102,235,111,243,112,253,112,266,112,271,119,272,127,278,130,277,137,272,145,269,149,270,158,267,166,260,166,260,157,256,155,250,155,249,157,240,160,230,165,220,174,206,178,195,180,182,178,175,187,178,172,179,166,175,162,172,162,169,161,173,157,169,152,168,150,168,142,162,135,160,126,155,120,152,118,148,116,143,114,138,111,138,107,138,101,139,97,143,94,141,90,138,87,143,79,152,78,157,73" href="#" id="hot0" onmouseover="changeon(this.id)" onmouseout="changeout(this.id)"/>
<area shape="poly" coords="271,114,272,106,286,108,298,104,305,110,307,116,313,121,318,122,320,126,325,139,326,145,335,139,351,134,358,137,349,157,338,174,334,185,338,189,334,192,327,193,316,201,310,219,302,212,296,204,285,199,270,186,277,179,270,176,261,175,266,166,269,158,272,147,278,138,277,132,274,122" href="#" id="hot1" onmouseover="changeon(this.id)" onmouseout="changeout(this.id)"/>
</map>


<div id="hebhot0" style="">所选城市:石家庄</div>
<div id="hebhot1" style="display:none">所选城市:衡水</div>
<div id="hebhot2" style="display:none">所选城市:廊坊</div>

<div id="namehot0">石家庄</div>
<div id="namehot1">衡水</div>
<div id="namehot2">廊坊</div>

</body>
</html>

除非注明,均为湛蓝天空原创,转载请注明本文网址:http://skyhome.cn/js/163.html

标签:js(3)热区(1)
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)