ホームページ > ウェブフロントエンド > jsチュートリアル > jsを使用してボタンに背景画像を追加する一般的な方法のまとめ

jsを使用してボタンに背景画像を追加する一般的な方法のまとめ

怪我咯
リリース: 2017-07-07 14:56:22
オリジナル
2907 人が閲覧しました

この記事では、主に js で背景画像を追加するボタンを実装するための一般的な方法を紹介し、jsイベントトリガー コントロールの背景画像、CSS スタイル コントロール、および画像ボタンの 3 つのメソッドをリストします。

この記事の例では、js でボタンに背景画像を追加する一般的な方法について説明します。皆さんの参考に共有してください。具体的な実装方法は次のとおりです:

方法 1:

コードは次のとおりです:

<input type="submit" onMouseOver="style=background:url(&#39;imgs/jb51.gif&#39;)"/>
ログイン後にコピー

方法 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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート