如何让MAP与鼠标悬停一起使用 [英] How to get MAP to work with mouseover
问题描述
以下内容将测试通过为有效，并且鼠标悬停为六个
指示区域也可以。
我需要各种区域链接到另一个页面，包括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>
推荐答案
Robert Baer< ro ******** @ earthlink.net>写道：
Robert Baer <ro********@earthlink.net> wrote:
然而，无论MAP单独工作，还是下面的鼠标悬停工作，
但不是两者。
However either the MAP works by itself, or the below mouseover works,
but not both.
请在工作中指明您的意思和它相反，请为您创建的两个版本提供
URL。
没有什么意义，当你只需要发布URL时，每个人都试图重建问题。
-
Yucca， http：/ /www.cs.tut.fi/~jkorpela/
关于网页制作的网页： http://www.cs.tut.fi/~jkorpela/www.html
Please specify what you mean by "works" and its opposite, and please provide
URLs for the two versions you have created. There''s little point in
everyone''s trying to reconstruct the problem when you could simply have
posted the URLs.
--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html
Jukka K. Korpela写道：
Jukka K. Korpela wrote:
Robert Baer< ro ******** @ earthlink.net>写道：
Robert Baer <ro********@earthlink.net> wrote:
然而，无论MAP单独工作，还是下面的鼠标悬停工作，
但不是两者兼有。
However either the MAP works by itself, or the below mouseover works,
but not both.
请在工作中指明您的意思和它相反，请提供您创建的两个版本的URL。当你只是简单地发布网址时，每个人都试图重建问题没什么意义。
Please specify what you mean by "works" and its opposite, and please provide
URLs for the two versions you have created. There''s little point in
everyone''s trying to reconstruct the problem when you could simply have
posted the URLs.
Err ... i提出了代码并声明MAP阻止了它上面的
鼠标悬停部分工作。
URL？
祈祷告诉我应该在哪里发布这样的理论网页，当给出了
代码时。
Err...i presented the code and stated that the MAP prevents the
mouseover section above it from working.
URL?
Pray tell me where i should post such a theoretical webpage, when the
code was given.
Robert Baer< ro ******** @ earthlink。净>写道：
Robert Baer <ro********@earthlink.net> wrote:
错误...我提出了代码并声明MAP阻止了它上面的鼠标悬停部分工作。
你没说真正发生的事情。
你提供了一个代码片段，而不是一个URL。
网址？
确实。
当我们给出
代码时，请告诉我应该在哪里发布这样的理论网页。
Err...i presented the code and stated that the MAP prevents the
mouseover section above it from working.
You didn''t say what really happens.
And you presented a code snippet, not a URL.
URL?
Indeed.
Pray tell me where i should post such a theoretical webpage, when the
code was given.
在万维网上。如果你要求免费帮助，至少你应该做的是你的作业，包括设置一个演示页面，以便其他人不需要构建一个真实的案例。
如果您不知道如何创建网页，请考虑咨询入门书。
-
Yucca， http：//www.cs。 tut.fi/~jkorpela/
有关网页制作的网页： http://www.cs.tut.fi/~jkorpela/www.html
On the World Wide Web. If you are asking for a free help, the least you
should do is your homework, including setting up a demo page so that others
won''t have to construct a real case for you.
If you don''t know how to create web pages, consider consulting a primer.
--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html
这篇关于如何让MAP与鼠标悬停一起使用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
