如何让MAP与鼠标悬停一起使用 [英] How get MAP to work with mouseover

查看:74
本文介绍了如何让MAP与鼠标悬停一起使用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

以下内容将测试通过为有效,并且鼠标悬停为六个

指示区域也可以。

我需要各种区域链接到另一个页面,包括6

提到。

然而,无论MAP单独工作,还是下面的鼠标悬停工作,

但不是两个。

有人可以帮忙提供帮助吗?


<!DOCTYPE HTML PUBLIC" - // W3C // DTD HTML 4.01 // EN"

" http://www.w3.org/TR/html4/strict.dtd">

< html>

< head>

< meta http-equiv =" Content-Type"含量=" text / html的; charset = iso-8859-1">

< title>脱衣舞井和生产< / title>

< style type =" text / css"> ;

#centerImage {text-align:center;}

< / style>

< / head>


< body>

< div>

< img src =" Usa52.gif" alt =" USA map" usemap ="#USMap"

style =" position:top:2px;左:4px;身高:431px;宽度:760px;

border-style:none" />

< / div>


< div style =" position:absolute;上:64px;左:264px;

< img style ="" ALT =""

src =''USblk.gif''onmouseover =" this.src =''USred.gif'';"

onmouseout = QUOT; this.src = '' USblk.gif '';" >

< / div>

< div style =" position:absolute;上:175px;左:623px;

< img style ="" ALT =""

src =''Ired.gif''onmouseover =" this.src =''Iblk.gif'';"

onmouseout = QUOT; this.src = '' Ired.gif '';" >

< / div>

< div style =" position:absolute;上:150px;左:444px;

< img style ="" ALT =""

src =''IIred.gif''onmouseover =" this.src =''IIblk.gif'';"

onmouseout = QUOT; this.src = '' IIred.gif '';" >

< / div>

< div style =" position:absolute;上:334px;左:372px;

< img style ="" ALT =""

src =''IIIred.gif''onmouseover =" this.src =''IIIblk.gif'';"

onmouseout = QUOT; this.src = '' IIIred.gif '';" >

< / div>

< div style =" position:absolute;上:140px;左:299px;

< img style ="" ALT =""

src =''IVred.gif''onmouseover =" this.src =''IVblk.gif'';"

onmouseout = QUOT; this.src = '' IVred.gif '';" >

< / div>

< div style =" position:absolute;上:166px;左:179px;

< img style ="" ALT =""

src =''Vred.gif''onmouseover =" this.src =''Vblk.gif'';"

onmouseout = QUOT; this.src = '' Vred.gif '';" >

< / div>


< div>

< map id =" Usa52" name =" Usa52">

< area shape =" rect" ALT =" US" coords =" 264,64,288,79"

href =" gUS.htm"标题= QUOT; US" >

< area shape =" poly" ALT =" CA" COORDS = QUOT; 157,164,151,168,151,173,148,182,148,189,

153,213,159,216,156,222,157,225,159,228,162,229,16 2,235,161,239,166,254,169,

254,167,262,171,269,177,270,177,272,181,276,184,27 6,184,278,185,280,191,280,

196,295,219,297,225,281,224,265,184,209,189,171"

href =" gCA.htm"标题= QUOT; CA" >

< area shape =" default" NOHREF = QUOT; NOHREF" ALT ="" >

< / map>

< / div>

< / body>

< ; / html>

The following passes the test as valid, and the mouseover for the six
indicated areas also work.
I need various areas to link to another page, including the six
mentioned.
However either the MAP works by itself, or the below mouseover works,
but not both.
Would someone be kind as to lend some help?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Stripper wells and production</title>
<style type="text/css">
#centerImage {text-align: center;}
</style>
</head>

<body>
<div>
<img src="Usa52.gif" alt="USA map" usemap="#USMap"
style="position: top: 2px; left: 4px; height: 431px; width: 760px;
border-style:none" />
</div>

<div style="position: absolute; top: 64px; left: 264px; "
<img style = "" ALT=""
src=''USblk.gif'' onmouseover="this.src=''USred.gif'';"
onmouseout="this.src=''USblk.gif'';" >
</div>
<div style="position: absolute; top: 175px; left: 623px; "
<img style = "" ALT=""
src=''Ired.gif'' onmouseover="this.src=''Iblk.gif'';"
onmouseout="this.src=''Ired.gif'';" >
</div>
<div style="position: absolute; top: 150px; left: 444px; "
<img style = "" ALT=""
src=''IIred.gif'' onmouseover="this.src=''IIblk.gif'';"
onmouseout="this.src=''IIred.gif'';" >
</div>
<div style="position: absolute; top: 334px; left: 372px; "
<img style = "" ALT=""
src=''IIIred.gif'' onmouseover="this.src=''IIIblk.gif'';"
onmouseout="this.src=''IIIred.gif'';" >
</div>
<div style="position: absolute; top: 140px; left: 299px; "
<img style = "" ALT=""
src=''IVred.gif'' onmouseover="this.src=''IVblk.gif'';"
onmouseout="this.src=''IVred.gif'';" >
</div>
<div style="position: absolute; top: 166px; left: 179px; "
<img style = "" ALT=""
src=''Vred.gif'' onmouseover="this.src=''Vblk.gif'';"
onmouseout="this.src=''Vred.gif'';" >
</div>

<div>
<map id="Usa52" name="Usa52">
<area shape="rect" alt="US" coords="264,64,288,79"
href="gUS.htm" title="US" >
<area shape="poly" alt="CA" coords="157,164,151,168,151,173,148,182,148,189,
153,213,159,216,156,222,157,225,159,228,162,229,16 2,235,161,239,166,254,169,
254,167,262,171,269,177,270,177,272,181,276,184,27 6,184,278,185,280,191,280,
196,295,219,297,225,281,224,265,184,209,189,171"
href="gCA.htm" title="CA" >
<area shape="default" nohref="nohref" alt="" >
</map>
</div>
</body>
</html>

推荐答案

嗯,这里有一些问题,所以让我指出来。

首先,我不知道这只是一个糟糕的粘贴或什么,但你

在你的开始div标签上忘了右括号。因此,在您的''左'

属性后,请务必使用">"来关闭div标签。


其次,您的usemap属性必须与地图标记中name

属性的值相匹配。


一旦你修复了这两件事,剩下的就没了问题。下面是

固定代码...


<!DOCTYPE HTML PUBLIC" - // W3C // DTD HTML 4.01 // EN"

" http://www.w3.org/TR/html4/strict.dtd">

< html>

< ; head>

< meta http-equiv =" Content-Type" content =" text / html;

charset = iso-8859-1">

< title>脱衣舞井和生产< / title>

< style type =" text / css">

#centerImage {text-align:center;}

< / style>

< / head>


< body>

< div>

< img SRC =" Usa52.gif" alt =" USA map" usemap ="#USMap"

style =" position:top:2px;左:4px;身高:431px;宽度:

760px;边框样式:无" />

< / div>


< div style =" position:absolute;上:64px;左:264px; ">

< img style ="" ALT =""

src =''USblk.gif''onmouseover =" this.src =''USred.gif'';"

onmouseout = QUOT; this.src = '' USblk.gif '';" >

< / div>

< div style =" position:absolute;上:175px;左:623px; ">

< img style ="" ALT =""

src =''Ired.gif''onmouseover =" this.src =''Iblk.gif'';"

onmouseout = QUOT; this.src = '' Ired.gif '';" >

< / div>

< div style =" position:absolute;上:150px;左:444px; ">

< img style ="" ALT =""

src =''IIred.gif''onmouseover =" this.src =''IIblk.gif'';"

onmouseout = QUOT; this.src = '' IIred.gif '';" >

< / div>

< div style =" position:absolute;上:334px;左:372px; ">

< img style ="" ALT =""

src =''IIIred.gif''onmouseover =" this.src =''IIIblk.gif'';"

onmouseout = QUOT; this.src = '' IIIred.gif '';" >

< / div>

< div style =" position:absolute;上:140px;左:299px; ">

< img style ="" ALT =""

src =''IVred.gif''onmouseover =" this.src =''IVblk.gif'';"

onmouseout = QUOT; this.src = '' IVred.gif '';" >

< / div>

< div style =" position:absolute;上:166px;左:179px; ">

< img style ="" ALT =""

src =''Vred.gif''onmouseover =" this.src =''Vblk.gif'';"

onmouseout = QUOT; this.src = '' Vred.gif '';" >

< / div>


< div>

< map id =" Usa52" name =" USMap">

< area shape =" rect" ALT =" US" coords =" 264,64,288,79"

href =" gUS.htm"标题= QUOT; US" >

< area shape =" poly" alt =" CA"

coords =" 157,164,151,168,151,173,148,182,148,189,

153,213,159,216,156,222,157,225,159,228,162,229,16 2,235,161,239,166,254,169,

254,167,262,171,269,177,270,177,272,181,276,184,27 6,184,278,185,280,191,280,

196,295,219,297,225,281,224,265,184,209,189,171

href =" gCA.htm"标题= QUOT; CA" >

< area shape =" default" NOHREF = QUOT; NOHREF" ALT ="" >

< / map>

< / div>

< / body>

< ; / html>

Well, you got a few things wrong here, so let me just point them out.

First of all, I don''t know if it was just a bad paste or what, but you
forgot right brackets on your opening div tags. So after your ''left"
property be sure to close the div tag with ">".

Secondly, your "usemap" attribute has to match the value of the "name"
attribute in your map tag.

Once you have these two things fixed, the rest is fine. Below is the
fixed code...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>Stripper wells and production</title>
<style type="text/css">
#centerImage {text-align: center;}
</style>
</head>

<body>
<div>
<img src="Usa52.gif" alt="USA map" usemap="#USMap"
style="position: top: 2px; left: 4px; height: 431px; width:
760px; border-style:none" />
</div>

<div style="position: absolute; top: 64px; left: 264px; ">
<img style = "" ALT=""
src=''USblk.gif'' onmouseover="this.src=''USred.gif'';"
onmouseout="this.src=''USblk.gif'';" >
</div>
<div style="position: absolute; top: 175px; left: 623px; ">
<img style = "" ALT=""
src=''Ired.gif'' onmouseover="this.src=''Iblk.gif'';"
onmouseout="this.src=''Ired.gif'';" >
</div>
<div style="position: absolute; top: 150px; left: 444px; ">
<img style = "" ALT=""
src=''IIred.gif'' onmouseover="this.src=''IIblk.gif'';"
onmouseout="this.src=''IIred.gif'';" >
</div>
<div style="position: absolute; top: 334px; left: 372px; ">
<img style = "" ALT=""
src=''IIIred.gif'' onmouseover="this.src=''IIIblk.gif'';"
onmouseout="this.src=''IIIred.gif'';" >
</div>
<div style="position: absolute; top: 140px; left: 299px; ">
<img style = "" ALT=""
src=''IVred.gif'' onmouseover="this.src=''IVblk.gif'';"
onmouseout="this.src=''IVred.gif'';" >
</div>
<div style="position: absolute; top: 166px; left: 179px; ">
<img style = "" ALT=""
src=''Vred.gif'' onmouseover="this.src=''Vblk.gif'';"
onmouseout="this.src=''Vred.gif'';" >
</div>

<div>
<map id="Usa52" name="USMap">
<area shape="rect" alt="US" coords="264,64,288,79"
href="gUS.htm" title="US" >
<area shape="poly" alt="CA"
coords="157,164,151,168,151,173,148,182,148,189,
153,213,159,216,156,222,157,225,159,228,162,229,16 2,235,161,239,166,254,169,
254,167,262,171,269,177,270,177,272,181,276,184,27 6,184,278,185,280,191,280,
196,295,219,297,225,281,224,265,184,209,189,171"
href="gCA.htm" title="CA" >
<area shape="default" nohref="nohref" alt="" >
</map>
</div>
</body>
</html>


Martyr2写道:
Martyr2 wrote:
嗯,这里有一些问题,所以让我们我只是指出它们。

首先,我不知道它只是一个糟糕的粘贴或什么,但你在你的开始div标签上忘了右括号。因此,在您的左侧
属性后,请务必使用>关闭div标签。

其次,您的使用地图属性必须与地图标记中name
属性的值相匹配。

一旦修复了这两个问题,其余的就可以了。下面是
固定代码......

<!DOCTYPE HTML PUBLIC" - // W3C // DTD HTML 4.01 // EN"
" http:/ /www.w3.org/TR/html4/strict.dtd">
< html>
< head>
< meta http-equiv =" Content-Type" content =" text / html;
charset = iso-8859-1">
< title>脱衣舞井和生产< / title>
< style type =" text / css">
#centerImage {text-align:center;}
< / style>
< / head>

< body>
< div>
< img src =" Usa52.gif" alt =" USA map" usemap ="#USMap"
style =" position:top:2px;左:4px;身高:431px;宽度:
760px;边框样式:无" />
< / div>

< div style =" position:absolute;上:64px;左:264px; ">
< img style ="" ALT =""
src =''USblk.gif''onmouseover =" this.src =''USred.gif'';"
onmouseout =" this.src =' 'USblk.gif'';" >
< / div>
< div style =" position:absolute;上:175px;左:623px; ">
< img style ="" ALT =""
src =''Ired.gif''onmouseover =" this.src =''Iblk.gif'';"
onmouseout =" this.src =' 'Ired.gif'';" >
< / div>
< div style =" position:absolute;上:150px;左:444px; ">
< img style ="" ALT =""
src =''IIred.gif''onmouseover =" this.src =''IIblk.gif'';"
onmouseout =" this.src =' 'IIred.gif'';" >
< / div>
< div style =" position:absolute;上:334px;左:372px; ">
< img style ="" ALT =""
src =''IIIred.gif''onmouseover =" this.src =''IIIblk.gif'';"
onmouseout =" this.src =' 'IIIred.gif'';" >
< / div>
< div style =" position:absolute;上:140px;左:299px; ">
< img style ="" ALT =""
src =''IVred.gif''onmouseover =" this.src =''IVblk.gif'';"
onmouseout =" this.src =' 'IVred.gif'';" >
< / div>
< div style =" position:absolute;上:166px;左:179px; ">
< img style ="" ALT =""
src =''Vred.gif''onmouseover =" this.src =''Vblk.gif'';"
onmouseout =" this.src =' 'Vred.gif'';" >
< / div>

< div>
< map id =" Usa52" name =" USMap">
< area shape =" rect" ALT =" US" coords =" 264,64,288,79"
href =" gUS.htm"标题= QUOT; US" >
< area shape =" poly" ALT =" CA"
COORDS = QUOT; 157,164,151,168,151,173,148,182,148,189,
153,213,159,216,156,222,157,225,159,228,162,229,16 2,235,161,239,166,254,169,
254,167,262,171,269,177,270,177,272,181,276,184,27 6,184,278,185,280,191,280,
196,295,219,297,225,281,224,265,184,209,189,171"
HREF =" GCA的.htm"标题= QUOT; CA" >
< area shape ="默认" NOHREF = QUOT; NOHREF" ALT ="" >
< / map>
< / div>
< / body>
< / html>
Well, you got a few things wrong here, so let me just point them out.

First of all, I don''t know if it was just a bad paste or what, but you
forgot right brackets on your opening div tags. So after your ''left"
property be sure to close the div tag with ">".

Secondly, your "usemap" attribute has to match the value of the "name"
attribute in your map tag.

Once you have these two things fixed, the rest is fine. Below is the
fixed code...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>Stripper wells and production</title>
<style type="text/css">
#centerImage {text-align: center;}
</style>
</head>

<body>
<div>
<img src="Usa52.gif" alt="USA map" usemap="#USMap"
style="position: top: 2px; left: 4px; height: 431px; width:
760px; border-style:none" />
</div>

<div style="position: absolute; top: 64px; left: 264px; ">
<img style = "" ALT=""
src=''USblk.gif'' onmouseover="this.src=''USred.gif'';"
onmouseout="this.src=''USblk.gif'';" >
</div>
<div style="position: absolute; top: 175px; left: 623px; ">
<img style = "" ALT=""
src=''Ired.gif'' onmouseover="this.src=''Iblk.gif'';"
onmouseout="this.src=''Ired.gif'';" >
</div>
<div style="position: absolute; top: 150px; left: 444px; ">
<img style = "" ALT=""
src=''IIred.gif'' onmouseover="this.src=''IIblk.gif'';"
onmouseout="this.src=''IIred.gif'';" >
</div>
<div style="position: absolute; top: 334px; left: 372px; ">
<img style = "" ALT=""
src=''IIIred.gif'' onmouseover="this.src=''IIIblk.gif'';"
onmouseout="this.src=''IIIred.gif'';" >
</div>
<div style="position: absolute; top: 140px; left: 299px; ">
<img style = "" ALT=""
src=''IVred.gif'' onmouseover="this.src=''IVblk.gif'';"
onmouseout="this.src=''IVred.gif'';" >
</div>
<div style="position: absolute; top: 166px; left: 179px; ">
<img style = "" ALT=""
src=''Vred.gif'' onmouseover="this.src=''Vblk.gif'';"
onmouseout="this.src=''Vred.gif'';" >
</div>

<div>
<map id="Usa52" name="USMap">
<area shape="rect" alt="US" coords="264,64,288,79"
href="gUS.htm" title="US" >
<area shape="poly" alt="CA"
coords="157,164,151,168,151,173,148,182,148,189,
153,213,159,216,156,222,157,225,159,228,162,229,16 2,235,161,239,166,254,169,
254,167,262,171,269,177,270,177,272,181,276,184,27 6,184,278,185,280,191,280,
196,295,219,297,225,281,224,265,184,209,189,171"
href="gCA.htm" title="CA" >
<area shape="default" nohref="nohref" alt="" >
</map>
</div>
</body>
</html>



我很感谢评论和固定代码;稍后会检查它是否为
(编程是在另一个驱动器和操作系统上)。


I appreciate the comments as well as the fixed code; will check it
out later (the prog is on another drive and OS).


Robert Baer写道:
Robert Baer wrote:
Martyr2写道:
Martyr2 wrote:
嗯,你在这里遇到了一些问题,所以让我指出来。

首先,我不知道我知道它只是一个糟糕的粘贴或什么,但你在你的开始div标签上忘了右括号。因此,在您的左侧
属性后,请务必使用>关闭div标签。

其次,您的使用地图属性必须与地图标记中name
属性的值相匹配。

一旦修复了这两个问题,其余的就可以了。下面是
固定代码......

<!DOCTYPE HTML PUBLIC" - // W3C // DTD HTML 4.01 // EN"
" http:/ /www.w3.org/TR/html4/strict.dtd">
< html>
< head>
< meta http-equiv =" Content-Type" content =" text / html;
charset = iso-8859-1">
< title>脱衣舞井和生产< / title>
< style type =" text / css">
#centerImage {text-align:center;}
< / style>
< / head>

< body>
< div>
< img src =" Usa52.gif" alt =" USA map" usemap ="#USMap"
style =" position:top:2px;左:4px;身高:431px;宽度:
760px;边框样式:无" />
< / div>

< div style =" position:absolute;上:64px;左:264px; ">
< img style ="" ALT =""
src =''USblk.gif''onmouseover =" this.src =''USred.gif'';"
onmouseout =" this.src =' 'USblk.gif'';" >
< / div>
< div style =" position:absolute;上:175px;左:623px; ">
< img style ="" ALT =""
src =''Ired.gif''onmouseover =" this.src =''Iblk.gif'';"
onmouseout =" this.src =' 'Ired.gif'';" >
< / div>
< div style =" position:absolute;上:150px;左:444px; ">
< img style ="" ALT =""
src =''IIred.gif''onmouseover =" this.src =''IIblk.gif'';"
onmouseout =" this.src =' 'IIred.gif'';" >
< / div>
< div style =" position:absolute;上:334px;左:372px; ">
< img style ="" ALT =""
src =''IIIred.gif''onmouseover =" this.src =''IIIblk.gif'';"
onmouseout =" this.src =' 'IIIred.gif'';" >
< / div>
< div style =" position:absolute;上:140px;左:299px; ">
< img style ="" ALT =""
src =''IVred.gif''onmouseover =" this.src =''IVblk.gif'';"
onmouseout =" this.src =' 'IVred.gif'';" >
< / div>
< div style =" position:absolute;上:166px;左:179px; ">
< img style ="" ALT =""
src =''Vred.gif''onmouseover =" this.src =''Vblk.gif'';"
onmouseout =" this.src =' 'Vred.gif'';" >
< / div>

< div>
< map id =" Usa52" name =" USMap">
< area shape =" rect" ALT =" US" coords =" 264,64,288,79"
href =" gUS.htm"标题= QUOT; US" >
< area shape =" poly" ALT =" CA"
COORDS = QUOT; 157,164,151,168,151,173,148,182,148,189,
153,213,159,216,156,222,157,225,159,228,162,229,16 2,235,161,239,166,254,169,

254,167,262,171,269,177,270,177,272,181,276,184,27 6,184,278,185,280,191,280,

196,295,219,297,225,281,224,265,184,209,189,171"
href =" gCA.htm"标题= QUOT; CA" >
< area shape ="默认" NOHREF = QUOT; NOHREF" ALT ="" >
< / map>
< / div>
< / body>
< / html>
Well, you got a few things wrong here, so let me just point them out.

First of all, I don''t know if it was just a bad paste or what, but you
forgot right brackets on your opening div tags. So after your ''left"
property be sure to close the div tag with ">".

Secondly, your "usemap" attribute has to match the value of the "name"
attribute in your map tag.

Once you have these two things fixed, the rest is fine. Below is the
fixed code...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>Stripper wells and production</title>
<style type="text/css">
#centerImage {text-align: center;}
</style>
</head>

<body>
<div>
<img src="Usa52.gif" alt="USA map" usemap="#USMap"
style="position: top: 2px; left: 4px; height: 431px; width:
760px; border-style:none" />
</div>

<div style="position: absolute; top: 64px; left: 264px; ">
<img style = "" ALT=""
src=''USblk.gif'' onmouseover="this.src=''USred.gif'';"
onmouseout="this.src=''USblk.gif'';" >
</div>
<div style="position: absolute; top: 175px; left: 623px; ">
<img style = "" ALT=""
src=''Ired.gif'' onmouseover="this.src=''Iblk.gif'';"
onmouseout="this.src=''Ired.gif'';" >
</div>
<div style="position: absolute; top: 150px; left: 444px; ">
<img style = "" ALT=""
src=''IIred.gif'' onmouseover="this.src=''IIblk.gif'';"
onmouseout="this.src=''IIred.gif'';" >
</div>
<div style="position: absolute; top: 334px; left: 372px; ">
<img style = "" ALT=""
src=''IIIred.gif'' onmouseover="this.src=''IIIblk.gif'';"
onmouseout="this.src=''IIIred.gif'';" >
</div>
<div style="position: absolute; top: 140px; left: 299px; ">
<img style = "" ALT=""
src=''IVred.gif'' onmouseover="this.src=''IVblk.gif'';"
onmouseout="this.src=''IVred.gif'';" >
</div>
<div style="position: absolute; top: 166px; left: 179px; ">
<img style = "" ALT=""
src=''Vred.gif'' onmouseover="this.src=''Vblk.gif'';"
onmouseout="this.src=''Vred.gif'';" >
</div>

<div>
<map id="Usa52" name="USMap">
<area shape="rect" alt="US" coords="264,64,288,79"
href="gUS.htm" title="US" >
<area shape="poly" alt="CA"
coords="157,164,151,168,151,173,148,182,148,189,
153,213,159,216,156,222,157,225,159,228,162,229,16 2,235,161,239,166,254,169,

254,167,262,171,269,177,270,177,272,181,276,184,27 6,184,278,185,280,191,280,

196,295,219,297,225,281,224,265,184,209,189,171"
href="gCA.htm" title="CA" >
<area shape="default" nohref="nohref" alt="" >
</map>
</div>
</body>
</html>


我感谢评论以及固定代码;将检查出来
以后(编程是在另一个驱动器和操作系统)。


I appreciate the comments as well as the fixed code; will check it out
later (the prog is on another drive and OS).




我很欣赏这些建议,但MAP部分仍然无法正常工作。

据推测,类似于:

< area shape =" rect" ALT =" US" coords =" 264,64,288,79"

href =" gUS.htm"标题= QUOT; US"的onMouseOver = QUOT; this.src = USred.gif;" >

应该允许JavaScript(和工作)。

onMouseOver之后显示的内容是被盗工作等价。

但JavaScript也不起作用。

似乎我可以获得JavaScript,或等效于工作,*或*地图上班,

但是我需要两个。

我想要什么:

鼠标指针移动到指定区域,颜色变化*和* URL是

可用(在浏览器底部看到)。



I do appreciate the suggestions, but the MAP part still does not work.
Presumedly, something like:
<area shape="rect" alt="US" coords="264,64,288,79"
href="gUS.htm" title="US" onMouseOver="this.src=''USred.gif'';" >
is supposed to allow JavaScript (and work).
What is shown here after onMouseOver is a "stolen" working equivalent.
But JavaScript does not work either.
Seems i can get JavaScript, or equivalent to work, *or* map to work,
BUT i need both.
What i want:
Mouse pointer moves to specified area, color changes *and* URL is
available (seen in line at bottom of browser).


这篇关于如何让MAP与鼠标悬停一起使用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆