2012-03-07 47 views
-2

我是JavaScript新手,我想尝试为网页生成一个简单的翻转菜单,当鼠标翻滚时图像会发生变化。我一直遇到问题:翻滚图像出现,但它们都进入相同的位置。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> 
} 
+1

我们当然需要查看您的代码才能真正为您提供答案。使用[编辑]按钮添加相关部件。 – 2012-03-07 19:05:19

+0

更新仍然缺少很多代码.. – NotMe 2012-03-07 21:36:55

回答

0

如果你正在用这种方式编写代码,你太新了JavaScript。我建议你学习一些js和css。您可以使用css,js或jquery轻松完成这项工作,但是在您设法编写出色代码之前,您需要掌握一些技巧。我可以写一个工作解决方案,但我相信它不会像学习一样帮助你。