formの中の画像は動かせますか

質問

クリックする画像「購入する。」を作って、マウスを画像にのせると、
画像が下にずれて動いてくれるタグの書き方はありますか？

リンク付きの画像をposition　のタグを使って下にずらす事はできますが、
フォーム（form）の中にあるinput type　の画像をカチャ。とずらす方法が見つかりません。

画像を変えるには、ロールオーバーで画像を変えるジャバスクリプトの方法しかないでしょうか？

右下にカチャ。っとずらしたいのですが。できないでしょうか。

回答No.4

play_with_you

＞ロールオーバーしか方法はないでしょうか？と。
「マウスを画像にのせ」たときに「画像を動かす」という実装は「ロールオーバー」と呼ばれます。
つまりロールオーバー意外に「オンマウス時にどうこう」というのは「概念として」存在しない。
分かります？

というか、自分が説明下手なのを逆ギレしないでくれるかな？

回答No.3

神崎 渉瑠（@taloo）

>リンク付きの画像をposition　のタグを使って下にずらす事はできますが、

というのができているなら、そのセレクタをやりたいように書き換えれば良いのではないでしょうか。

回答No.2

ORUKA1951

<button name="submit" value="送る" type="submit">送る</button>
とでもして、スタイルシートで・・・
form p button{background-image:url();text-indent:-5em;overflow:hidden;}
form p button:hover{}
form p button:active{}
とね。

回答No.1

play_with_you

「カチャ。」って何だよ(笑)
hoverでも使えば？

補足

ですから、質問にも書きましたように
hoverのpositionでの書き方じゃなくて

フォームの中の　input type="image"　の画像を動かす方法を
お聞きしています。
ロールオーバーしか方法はないでしょうか？と。
hoverのpositionで設定した時みたいに右下に下がる方法はないですか？と。