添加到基本HTML/JavaScript鼠标盖/弹出窗口的链接
这是一系列非常奇怪的事件，因为我仅限于使用非常基本（2002年以前）的HTML和JavaScript代码。基本上，我正在构建一个与世嘉Dreamcast兼容的网站，Dreamcast浏览器不会识别CSS编码或任何像HTML5这样的最新版本 我正在尝试构建一个菜单，当您将鼠标光标滚动到图像上时，该菜单会出现。这部分工作正常，不会给我带来任何问题。我遇到的这个问题是为这个过程分配href链接。 目前，弹出菜单是一个单一的图像，我试图使用坐标链接到它，但这导致了两个问题。首先，地图坐标是固定的，当弹出窗口关闭时不会消失，其次，浏览器似乎不会“堆叠”鼠标悬停的内容。因此，当您将鼠标悬停在某个链接上时，浏览器无法判断您是否仍将鼠标悬停在图像上，它会关闭实际的弹出菜单-然后菜单会不规则地打开和关闭 有办法解决这个问题吗？或者，有没有一种方法可以在鼠标悬停时加载多个图像，使每个图像成为自己的链接 这是一个带有谷歌搜索中一些占位符图像的代码笔-CodePen.io/Roareye/pen/ExgYjJR 想象一下“Kawaii”图像中的每个字母/单词都是指向不同页面的链接。这就是我想做的 这里有一个网站页面的视频，你可以看到我所说的菜单下拉菜单。 这是我正在使用的代码添加到基本HTML/JavaScript鼠标盖/弹出窗口的链接,javascript,html,Javascript,Html,这是一系列非常奇怪的事件，因为我仅限于使用非常基本（2002年以前）的HTML和JavaScript代码。基本上，我正在构建一个与世嘉Dreamcast兼容的网站，Dreamcast浏览器不会识别CSS编码或任何像HTML5这样的最新版本 我正在尝试构建一个菜单，当您将鼠标光标滚动到图像上时，该菜单会出现。这部分工作正常，不会给我带来任何问题。我遇到的这个问题是为这个过程分配href链接。 目前，弹出菜单是一个单一的图像，我试图使用坐标链接到它，但这导致了两个问题。首先，地图坐标是固定的，当弹出
```html
<script type="text/javascript" language="Javascript">
if (document.images) {
button1Red = new Image
button1Blue = new Image
button2Red = new Image
button2Blue = new Image
button1Red.src = "images/menu-complete.jpg"
button1Blue.src = "images/ChatBubbleLeftGood.gif"
button2Red.src = "images/menu-leaderboards.jpg"
button2Blue.src = "images/ChatBubbleLeftGood2.gif"
}
function chgImg(imgField,newImg) {
if (document.images) {
document[imgField].src = eval(newImg + ".src")
}
}
</script>
<img src="images/Sonic-Waiting.gif" title="Official Websites" border="0" >
<a href="#" onMouseover="chgImg('button1','button1Red')" onMouseout="chgImg('button1','button1Blue')"><img src="images/ChatBubbleLeftGood.gif" border="0" name="button1" alt="button1"></a><br>
<img src="../../images/blank.gif" height="104" width="317" border="0">
<img src="images/Knuckles-Waiting.gif" title="Official Websites" border="0" >
<a href="#" onMouseover="chgImg('button2','button2Red')" onMouseout="chgImg('button2','button2Blue')"><img src="images/ChatBubbleLeftGood2.gif" border="0" name="button2" alt="button2"></a>
<div class="map-selector">
<map name="image-map" id="image-map">
<area alt="" title="" href="sonic1.html" shape="rect" coords="5,29,100,49" />
<area alt="" title="" href="sonic2.html" shape="rect" coords="5,49,100,69" />
<area alt="" title="" href="sonicshuffle.html" shape="rect" coords="5,69,100,93" />
</map>
```
``html
if（document.images）{
button1Red=新图像
按钮1蓝色=新图像
button2Red=新图像
button2Blue=新图像
button1Red.src=“图像/菜单完成.jpg”
button1Blue.src=“images/chatbusbleleftgood.gif”
button2Red.src=“图像/菜单排行榜.jpg”
button2Blue.src=“images/chatbusbleleftgood2.gif”
}
函数chgImg（imgField，newImg）{
if（document.images）{
文档[imgField].src=eval（newImg+“.src”）
}
}
```
evaleval