とても単純な問題なので、解決を手伝ってください。ありがとうございます。 _html/css_WEB-ITnose
CSS を使用してボタンの背景を設定したい:
つまり、通常クリックされていないときの背景は画像 1.png で、クリック後 (つまり、選択されたとき) の背景画像は 2.png になります。 。
何か良い解決策はありますか?ありがとうございます。
次のような解決策をオンラインで見つけました:
<script> <br> var Arr=new Array("1.jpg", "2.jpg") <br> var i=0 <br> function fun(){ <br> aa.style. = "url( "+Arr[i]+ ") " <br> i=i+1 <br> if(i> =2)i=0 <br> } <br> </script>
<テーブル幅=500 高さ=100 id = "aa " 背景 = ">
テーブル> button " onclick= "fun() ">
ディスカッション (解決策) に返信
ボタンの代わりに div を使用します
デモンストレーション効果: http://job.dingso.com/crm/mail.php Meボタンのスタイルを記述します
はい、これは JS で制御する必要がありません。www.seo7ye.com
はい、DIV を使用してください。これは JS による制御をまったく必要としません。CSS www.seo7ye.com を使用して直接記述することができます。
いくつかアドバイスをください:
JS 制御を使用せずに記述するにはどうすればよいですか?
bg1 bg2 の 2 つのクラスを定義する方法はありますか? 教える必要はありません
まず、投稿者のコードに id="aa"、i> などの不要なスペースがたくさんあることを指摘します。 2 など。これにより、プログラムが失敗します。また、aa.style.backgroundImage が定義されていないため、他に大きな問題はありません。以下に 2 つの詳細なコードを貼り付けました。同じフォルダー内にあると実行されます
<!DOCTYPE html><html><head><script> var Arr=new Array( "1.jpg", "2.jpg") var i=0 ;function fun(){ var aa=document.getElementById("aa"); aa.style.background="url("+Arr[i]+ ")"; i=i+1; if(i>=2) i=0;}</script> </head><body><table width=500 height=100 id= "aa" background="1.jpg" > <tr> <td> aaaa </td> </tr> </table> <input type="submit" value="Button" id="bb" onClick="fun();"/></body></html>
< ;input name="" value="" type="text" class="bg1" onmouseover="this.className='bg2'" onmouseout="this.className ='bg1'" />
2 つのクラス bg1 bg2 の定義方法を教える必要はありません

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック

この記事では、HTML&lt; Datalist&GT;について説明します。オートコンプリートの提案を提供し、ユーザーエクスペリエンスの改善、エラーの削減によりフォームを強化する要素。

この記事では、HTML&lt; Progress&gt;について説明します。要素、その目的、スタイリング、および&lt; meter&gt;との違い要素。主な焦点は、&lt; Progress&gt;を使用することです。タスクの完了と&lt; Meter&gt; statiの場合

この記事では、html&lt; meter&gt;について説明します。要素は、範囲内でスカラーまたは分数値を表示するために使用され、Web開発におけるその一般的なアプリケーション。それは差別化&lt; Meter&gt; &lt; Progress&gt;およびex

この記事では、&lt; iframe&gt;外部コンテンツをWebページ、その一般的な用途、セキュリティリスク、およびオブジェクトタグやAPIなどの代替案に埋め込む際のタグの目的。

この記事では、モバイルデバイスのレスポンシブWebデザインに不可欠なViewportメタタグについて説明します。適切な使用により、最適なコンテンツのスケーリングとユーザーの相互作用が保証され、誤用が設計とアクセシビリティの問題につながる可能性があることを説明しています。

この記事では、ブラウザのユーザー入力を直接検証するために、必要、パターン、MIN、MAX、および長さの制限などのHTML5フォーム検証属性を使用して説明します。

記事では、HTML5クロスブラウザーの互換性を確保するためのベストプラクティスについて説明し、機能検出、プログレッシブエンハンスメント、およびテスト方法に焦点を当てています。

この記事では、html5&lt; time&gt;について説明します。セマンティックデート/時刻表現の要素。 人間の読み取り可能なテキストとともに、マシンの読みやすさ(ISO 8601形式)のDateTime属性の重要性を強調し、Accessibilitを増やします
