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 " 背景 = ">
デモンストレーション効果: http://job.dingso.com/crm/mail.php Meボタンのスタイルを記述します
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>
2 つのクラス bg1 bg2 の定義方法を教える必要はありません