JavaScript滚动菜单

JavaScript rollover menu

本文关键字：菜单 滚动 JavaScript      更新时间：2023-09-26

我是JavaScript的新手，我想尝试为一个网页制作一个简单的滚动菜单，当你用鼠标滚动时，它的图像会发生变化。我不断遇到问题：滚动图像出现了，但它们都进入了同一个位置。

<script language="javascript">
if (document.images) {
    button1 = new Image;
    button2 = new Image;
    button1.src = 'mail.png';
    button2.src = 'mail2.png';
    button3 = new Image;
    button4 = new Image;
    button3.src = 'gear.jpg';
    button4.src = 'gear2.jpg';
    <body>
    <a href="#" onmouseover="document.rollover.src=button2.src" onmouseout="document.rollover.src=button1.src">
    <img src="mail.png" width="100" height="60" border=0 name="rollover"></a>
    <a href="#" onmouseover="document.rollover.src=button4.src" onmouseout="document.rollover.src=button3.src">
    <img src="gear.jpg" name="rollover2" border="0" width="100" height="60"></a>
    </body>
}

如果以这种方式编写代码，那么您对javascript太陌生了。我建议你学习一些js和css。您可以使用css、js或jquery轻松地完成这项工作，但在我看来，在编写像样的代码之前，您需要掌握一些技能。我可以写一个有效的解决方案，但我相信它对你的帮助不如学习大。

相关文章：