要求:按钮正常时,按钮的图像1.jpg,鼠标移上时按钮的图像是2.gif动画,动画结束后,鼠标3.jpg(图像是动画的最后一帧)能实现这个效果,不用这种方也行

解决方案 »

  1.   

    var button = document.getElementById('buttonID');
    button.onmouseover = function() {
      setBgPicture('1.jpg');
      setTimeout(function(){serBgPicture('3.jpg')}, 3000);
    };
    button.onmouseout = function() {
      setBgPicture('3.jpg');
    }
      

  2.   


    嘿嘿,手机发的写的不明白
    其实是这样的:当正常时,按钮的图像是1.jpg,当鼠标移上来后,播放2.gif动画,播放完后,按钮图像是3.jpg
    在以上操作的任意时刻,鼠标移开按钮后,停止以上过程,并播放4.gif动画,播放完后,按钮恢复成1.jpg
      

  3.   


    而且希望是通过asp.net 实现~~~
    加一个功能:当鼠标点击之后,图像是5.jpg,再次点击后,回到1.jpg
      

  4.   

    用javascript可以,也可以用css的伪方法实现,第一部先做个连接
    <div id="test">
    <ul>
    <li><a href="#">首页</a></li>
    <li><a href="#">二页</a></li>
    <li><a href="#">三页</a></li>
    </ul>
    </div>样式
    第一部去掉li前面的符号list-style-type:none;
    让li全部左对齐float:left;
    把li生成块形式display:block;
    在li里面加入背景图片
    再使用a:hover{
     鼠标移上去是的背景图片
    }
    这样应该差不多了,还有一些细节方面的事,你自己处理我只提供个思入