2012-03-07 45 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輕鬆完成這項工作,但是在您設法編寫出色代碼之前,您需要掌握一些技巧。我可以寫一個工作解決方案,但我相信它不會像學習一樣幫助你。