如何使用javascript在鼠标上移动图像？

Question

我的代码不起作用。  目前鼠标部分正在工作，但没有鼠标移出。

这是我的代码：

<script type="text/javascript">
    function changeBtn(x){
       x.style.marginTop="50px";
  }
    function returnBtn(y){
       y.style.marginTop="-50px";
  }

<ul>
<li> <a href="home.html" target="some_page"><img src="images/home.gif" alt="home"     onmouseover="changeBtn(this)" onmouseout="returnBtn(this)"></a></li>

</ul>

Firebug在第6行显示错误：“marginTop被忽略”

Answer 1

答案是：

<a href="home.html" target="content"  onmouseover="document.getElementById('homeImg').src='images/frnds-btn.gif';" onmouseout="document.getElementById('homeImg').src='images/hobbies-btn.gif';" ><img src="images/home-btn.gif"  alt="home" id="homeImg" ></a>

我使用其他图像来测试当前代码。