ホームページ > 記事 > ウェブフロントエンド > jsを使用してボタンに背景画像を追加する一般的な方法のまとめ
この記事では、主に js で背景画像を追加するボタンを実装するための一般的な方法を紹介し、jsイベントトリガー コントロールの背景画像、CSS スタイル コントロール、および画像ボタンの 3 つのメソッドをリストします。
この記事の例では、js でボタンに背景画像を追加する一般的な方法について説明します。皆さんの参考に共有してください。具体的な実装方法は次のとおりです:
方法 1:
コードは次のとおりです:
<input type="submit" onMouseOver="style=background:url('imgs/jb51.gif')"/>
方法 2:
コードは次のとおりです:
<input type="button" value="提交" style="background:url(图片地址) no-repeat;border:none;text-indent:-2000px;width:100px;height:30px;">
方法 3:
画像ボタンを使用するだけです。つまり:
コードは次のとおりです:
<input name="submit" type="image" value=" " src="jb51.jpg" />
以上がjsを使用してボタンに背景画像を追加する一般的な方法のまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。