Javascript 如何安装用于滚动的JS代码

我在谷歌上搜索了滚动代码，发现一个似乎应该在这个地址工作的代码：。它可能会起作用，但…嘿嘿…我不知道如何“为文档中的任何图像创建滚动状态”。Nolan先生给出指令的方式意味着它甚至比在文档头中安装代码更简单，因此不需要解释，但遗憾的是，我的情况并非如此

我的导航栏需要它，它由一行8个圆形图像组成，在悬停时替换为大小和形状相同但颜色不同的图像

你们中任何一位才华横溢的人都能填上遗漏的信息吗？我只需要没有相应示例的部分-我在标记和标题中找到了该部分，并对图像的名称进行了适当的更改。或者，如果你能成为一个真正的桃子，一步一步地给我整个事情，我将永远感激你

  <div id="header">
    <div id="home"><a href="feather.html"><img src="images/buttons/home.png" width="89"     height="89" alt="Home"></a></div>
    <div id="security"><a href="security.html"><img src="images/buttons/security_o.png" width="89" height="89" alt="Security"></a></div>
    <div id="phase_1"><a href="phase_1.html"><img src="images/buttons/phase_1.png" width="89" height="89" alt="Phase 1"></a></div>
    <div id="phase_2"><a href="phase_2.html"><img src="images/buttons/phase_2.png" width="89" height="89" alt="Phase 2"></a></div>
    <div id="phase_3"><a href="phase_3.html"><img src="images/buttons/phase_3.png" width="89" height="89" alt="Phase 3"></a></div>
    <div id="basic_package"><a href="basic_package.html"><img src="images/buttons/basic_package.png" width="89" height="89" alt="Basic Package"></a></div>

#header  {
background-image: url(images/complete_header.jpg);
background-repeat: no-repeat;
height: 391px;
width: 900px;
position: relative;
}

#home  {
width: 89px;
height: 89px;
position: absolute;
top: 199px;
left: 91px;
}

#标题{
背景图片：url（images/complete_header.jpg）；
背景重复：无重复；
身高：391px；
宽度：900px；
位置：相对位置；
}
#家{
宽度：89px；
高度：89px；
位置：绝对位置；
顶部：199px；
左：91px；
}

---

其他7个按钮的CSS完全相同，只是左侧的位置不同。

我认为您应该在要使用滚动的每个图像中添加一类

imgover

---

例如，将代码中的

替换为

，并创建一个示例\u o.jpg图像

只需进一步阅读您的链接：

对于文档中的任何图像，您都需要为其创建滚动状态，此图像的唯一要求是其命名与原始图像完全相同，但名称末尾需要_o

因此，如果您有一个图像

foo.jpg

，它希望您有一个

foo\u o.jpg

来在滚动中替换它

---

当然，使用css和sprite做得更好。谷歌搜索应该会为此带来很多结果。这是我想到的问题。

请为您问题中的一个导航项发布CSS+HTML的代码示例。我添加了代码。如果你还需要什么，请告诉我。我能做什么来帮助你帮助我。