Question

有button若干，当鼠标移动到button时控件背景图片改变，当单击时变背景图片，再单击时还原本来背景图片

是用asp.net做的，我用的div+css实现最初的样式如果谁有js也可以给我，虽然我看不太懂。。。
最初状态

鼠标悬浮在控件上

鼠标单击之后

当再单击时，控件还原到第一张图片的状态，不知道我说的够清楚了没，有哪位可以帮忙实现的啊，谢谢了。。。。
我邮箱260674100@qq.com





Answer 1

直接使用 TD 的onmouseover 和 onmouseout 至于图片LZ自己应该有吧

<TABLE border=0 cellSpacing=0 cellPadding=0 width=960 align=center
height="100%">
<TBODY>
<TR>
<TD onmouseover='this. background="images/web_044.gif"'
onmouseout='this. background="images/web_04.gif"' width=110
align=middle><A class=left
href="index.aspx">本站首页</A></TD>
<TD onmouseover='this. background="images/web_044.gif"'
onmouseout='this. background="images/web_04.gif"' width=110
align=middle><A class=left
href="about.aspx">关于我们</A></TD>
<TD onmouseover='this. background="images/web_044.gif"'
onmouseout='this. background="images/web_04.gif"' width=110
align=middle><A class=left
href="news.aspx">新闻中心</A></TD>
<TD onmouseover='this. background="images/web_044.gif"'
onmouseout='this. background="images/web_04.gif"' width=110
align=middle><A class=left
href="Products.aspx">产品中心</A></TD>
<TD onmouseover='this. background="images/web_044.gif"'
onmouseout='this. background="images/web_04.gif"' width=110
align=middle><A class=left
href="Feedback.aspx">在线留言</A></TD>
<TD onmouseover='this. background="images/web_044.gif"'
onmouseout='this. background="images/web_04.gif"' width=110
align=middle><A class=left
href="en_about.aspx">联系我们</A></TD>
</TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

Answer 2

<input type="button" class="正常" onmouseover="over(this)" onclick="clik(this)" onmouseout="out(this)">
js:function over(obj)
{
obj.className="你的悬浮上css名"
}
function clik(obj){
obj.className="你的点击css名"

}
function out(obj)
{
obj.className="正常"

}

追问

用你的方法可以实现，但是我有控件的单击事件啊。。。两个单击事件冲突，怎么办？？？

追答

用的服务器控件吗？这样子写
如果你的事件也是前台的话把我写的onclick改成onmousedown="clik(this)"

Answer 3

用js很方便的。。。。找个教程，你想弄咋样弄咋样。。。。

Answer 4

你好，我想问一下，你现在工作了吗？工作中需要写的代码难吗？？？我是新手，正在学习，有点茫然了。。。

Answer 5

使用js改变button的样式