Javascript图像滚过

Question

我想在javascript中构建图像翻转 有2个按钮和1个图像 当用户按下按钮数字1时按钮的颜色发生变化，而第二个按钮保持不变并且图片更改和超链接改变也 当我压按钮2按钮的颜色变化和颜色的按钮1回到原来的颜色和图像的变化，也超链接

请我需要帮助，如果有人可以帮助我，我需要它作为一个Java脚本

Answer 1

<div id=Image1><a href="url1"><img src=image1.jpg></a></div> 
<div id=Image2 style="visibility: hidden; position: absolute; left: -1000px; top: -1000px;"><a href="url2"><img src=image2.jpg></a></div> 

<input type=button id=Button1 onclick="JavaScript: changeImage(1);"> 
<input type=button id=Button2 style="background-color: red;" onclick="JavaScript: changeImage(2);"> 

<script language="JavaScript"> 
    function changeImage(n) 
    { 
    var div1 = document.getElementById("Image1"); 
    var div2 = document.getElementById("Image1"); 

    var btn1 = document.getElementById("Button1"); 
    var btn2 = document.getElementById("Button2"); 

    if(n == 1) 
    { 
     div1.style.visibility = "visible"; 
     div1.style.position = "relative"; 
     div1.style.top = div1.style.left = ""; 

     div2.style.visibility = "hidden"; 
     div2.style.position = "absolute"; 
     div2.style.top = div1.style.left = "-1000px"; 

     btn1.style.backgroundColor = ""; 
     btn2.style.backgroundColor = "red"; 
    } 
    else 
    { 
     div1.style.visibility = "hidden"; 
     div1.style.position = "absolute"; 
     div1.style.top = div1.style.left = "-1000px"; 

     div2.style.visibility = "visible"; 
     div2.style.position = "relative"; 
     div2.style.top = div1.style.left = ""; 

     btn1.style.backgroundColor = "red"; 
     btn2.style.backgroundColor = ""; 
    } 
    } 
</script>