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

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

怪我咯
怪我咯オリジナル
2017-07-07 14:56:222896ブラウズ

この記事では、主に 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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。