Question

我是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>
}

Answer 1

如果你以这种方式编写代码，那么你对javascript太新了。我建议你学习一些js和css。你可以使用css，js或jquery轻松完成这项工作，但在你设法编写合适的代码之前，我认为你需要掌握一些技巧。我可以写一个有效的解决方案，但我相信它不会像学习那样帮助你。

JavaScript翻转菜单

1 个答案: