鼠标透过图片时变成另外一张

鼠标经过图片时变成另外一张
想实现鼠标经过图片时显示另外一张图片，鼠标离去后显示另一张图片，
如下代码


&lt;head runat="server"&gt;

    &lt;title&gt;无标题页&lt;/title&gt;    

   &lt;style&gt;
      .sy{background-image:url(Image/menusy.jpg);}

      .sy1{background-image:url(Image/menuOnSY.jpg);}

      .zj{background-image:url(Image/menuGSGK.jpg);}

      .zj1{background-image:url(Image/menuOnGSGK.jpg);}

      .xw{background-image:url(Image/menuNews.jpg);}

      .xw1{background-image:url(Image/menuOnNews.jpg);}

      .cp{background-image:url(Image/menuCPZS.jpg);}

      .cp1{background-image:url(Image/menuOnCPZS.jpg);}

      .zs{background-image:url(Image/menuJSZR.jpg);}

      .zs1{background-image:url(Image/menuOnJSZR.jpg);}

 

      .rc{background-image:url(Image/menuGYKF.jpg);}

      .rc1{background-image:url(Image/menuOnGYKF.jpg);}


      .lx{background-image:url(Image/menuZLXZ.jpg);}

      .lx1{background-image:url(Image/menuOnZLXZ.jpg);}
  

   &lt;/style&gt;

  
&lt;/head&gt;

&lt;body&gt;

    &lt;form id="form1" runat="server"&gt;

    &lt;div&gt;     

       &lt;ul&gt;

            &lt;li style="width:113px; height:30px;
background-image:url(Image/menuGSGK.jpg); list-style-type:none; "
onmouseup="this.className='zj'" onmouseout="this.className='zj1'"&gt; 

            &lt;/li&gt;

        &lt;/ul&gt;

    &lt;/div&gt;

    &lt;/form&gt;

&lt;/body&gt;

&lt;/html&gt;

高手看看那儿错了，实现不了，鼠标经过时没有反应
[解决办法]
onmouseover
[解决办法]

引用:

onmouseover

+++
[解决办法]
写一个方法，然后在onmouseover里面调用~~
[解决办法]
把这个去掉 background-image: url(Image/menuGSGK.jpg);

也换成用 class表示的。原因是 background-image: url(Image/menuGSGK.jpg); 是行内样式，级别最高，回覆盖其他设定

鼠标透过图片时变成另外一张

热点推荐