在asp.net网站上,当你将鼠标悬停在图像上时,如何为图像添加样式

时间:2011-10-28 10:31:44

标签: c# asp.net html css

我的网站上有一个图片,如何添加样式以使其看起来像一个真正的按钮。现在当我点击它或将鼠标移到它上面时,图像没有变化。当单击或鼠标悬停在它上面时,我如何添加样式。感谢

<asp:ImageButton ID="Img_ComposeMessage" PostBackUrl="~/SendMessage.aspx" ImageUrl="Styles/Images/ComposeMessage.png"
                            runat="server"  />

2 个答案:

答案 0 :(得分:1)

听起来像是用JavaScript / jQuery轻松完成的事情;只需挂钩鼠标悬停事件然后更改图像。

如果您担心无格式内容的闪现,您可以切换到使用css背景/ spriting为您的图像以及asp:linkbutton而不是asp:imagebutton

这是一个让您入门的快速教程 - http://www.learningjquery.com/2007/02/quick-tip-set-hover-class-for-anything

答案 1 :(得分:0)

您必须使用Javascript和/或CSS样式来更改ImageButtons属性。

客户端javascript方法调用可以添加到ImageButton的OnClientClick属性中。

为确保在呈现时控件上有静态ID属性,要与CSS效果或JQuery一起使用,请使用ClientIDMode属性,将其设置为Static,即您要定义的ID属性。