画像にスタイルを追加するには、asp.netのウェブサイトにある画像をクリックしてください。

Question

私のウェブサイトに画像があります。実際のボタンのようにスタイルを追加するにはどうすればいいですか？今すぐクリックするか、マウスを動かすと画像に変化はありません。クリックするかマウスでクリックすると、どのようにスタイルを追加できますか？ありがとう

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

Answer 1

JavaScript/jQueryで簡単に実現できるようなサウンドです。 mouseoverイベントにフックしてイメージを変更してください。

あなたがunstyledコンテンツのフラッシュ心配している場合は、ASPと一緒にあなたのイメージのためのCSSの背景/ spritingの使用に切り替えることができます：代わりにASPのLinkBut​​tonコントロール：

IMAGEBUTTONはここであなたを取得するための簡単なチュートリアルです開始 - http://www.learningjquery.com/2007/02/quick-tip-set-hover-class-for-anything

Answer 2

ImageButtonsのプロパティを変更するには、JavaScriptやCSSのスタイルを使用する必要があります。

クライアントサイドのjavascriptメソッド呼び出しをImageButtonのOnClientClickプロパティに追加できます。

CSSエフェクトまたはJQueryで使用するために、レンダリング時にコントロールに静的IDプロパティを設定するには、ClientIDModeプロパティを使用し、静的に設定し、定義するIDプロパティをレンダリングします。