Html 如何在同一页中放置多个滚动图像？非js

这是我作为stackoverflow会员的第一篇帖子

嗨， 我的问题是，当你将鼠标放在许多图像上时，如何使它们发生变化？ 我有一个我制作的小应用程序的网站，我有一个页面，每个版本都有下载图片，这些图片就是我的目标。 我尝试了两种方法使它们滚动，每种方法都很好，直到我把图像放在同一页。那他们就不工作了

第一路

<a href='Destination URL' target="_top" onmouseover="document.sub_but.src='onrollimage'"onmouseout="document.sub_but.src='image'"><img src="image" width="281" height="55" name="sub_but"></a>

第二条路

<a href="Destination URL"  onmouseover= "if (document.images) document.bn_off.src= 'onrollimage';" onmouseout= "if (document.images) document.bn_off.src= 'image';"><img src="image" name="bn_off"></a>

如果我使用相同的方法两次，它不起作用，但是如果我把第一个图像放在一边，把第二个图像放在另一边，它就工作得很好。我可以这样离开它，但在功能中我想放更多。 请告诉我一种方法，我可以把许多图像翻转在同一页上

查看以下位置的特定页面：

---

另外，如果您想勾选此项，直接的答案是将代码更改为

onmouseover= "this.children[0].src= 'onrollimage';"

及

---

正确的方法是使用CSS

a.downloadButton{
    display:inline-block;
    height:55px;
    width:281px;
    background:url('path/to/image') top left no-repeat;

    text-indent:-9999px;
    overflow:hidden;
}

a.downloadButton:hover{
    background-image:url('path/to/onrollimage');
}

并将您的链接更改为

<a href="Destination URL" class="downloadButton">download</a>

在我看来像是javscript……是的。你的

onmouseover

和

onmouseout

属性中的所有内容都是Javascript。我不知道这一点……但是有什么答案吗？我猜如果你甚至不知道你在写Javascript，当一篇文章说代码是Javascript时，我什么都不懂，这就是为什么我写了我不想要js，但我真正的问题与此无关我刚完成，它运行良好（有点慢，但一定是因为我的主人），在IE中不起作用，其他一切都正常谢谢，这是每个网站使用感谢的方式again@firstroad,如果元素与您的示例类似，您可以将

zoom:1添加到规则中*显示：内联为了让它在IE6和IE7中工作，我这样做了，我在ie9中没有看到任何变化（我的电脑上有），但在google chrome中没有显示任何图像它对我不起作用…但是som，这是错误的，因为在google chrome中，它没有在css中显示这段代码，而且我去了你用ie给我的链接，它告诉我这是错误的，expression web有“zoom”下划线，并说：该属性被标记为无效，因为当前模式不支持它。
<a href="Destination URL" class="downloadButton">download</a>