とても単純な問題なので、解決を手伝ってください。ありがとうございます。 _html/css

ホームページ

ウェブフロントエンド

htmlチュートリアル

とても単純な問題なので、解決を手伝ってください。ありがとうございます。 _html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 pm 12:15 PM

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>

テーブル> 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 の定義方法を教える必要はありません

ありがとう、はい、この方法の方が優れています。

声明

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

HTML対CSS対JavaScript：比較概要Apr 16, 2025 am 12:04 AM

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。HTMLはコンテンツ構造を担当し、CSSはスタイルを担当し、JavaScriptは動的な動作を担当します。 1。HTMLは、セマンティクスを確保するためにタグを使用してWebページの構造とコンテンツを定義します。 2。CSSは、セレクターと属性を介してWebページスタイルを制御して、美しく読みやすくします。 3。JavaScriptは、動的でインタラクティブな関数を実現するために、スクリプトを通じてWebページの動作を制御します。

HTML：それはプログラミング言語か何か他のものですか？Apr 15, 2025 am 12:13 AM

htmlisnotaprogramminglanguage; itisamarkuplanguage.1）htmlStructuresandformatswebcontentusingtags.2）ItworkswithcsssssssssdjavascriptforInteractivity、強化を促進します。

HTML：Webページの構造の構築Apr 14, 2025 am 12:14 AM

HTMLは、Webページ構造の構築の基礎です。 1。HTMLは、コンテンツ構造とセマンティクス、および使用などを定義します。タグ。 2. SEO効果を改善するために、などのセマンティックマーカーを提供します。 3.タグを介したユーザーの相互作用を実現するには、フォーム検証に注意してください。 4. JavaScriptと組み合わせて、動的効果を実現するなどの高度な要素を使用します。 5.一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれ、検証ツールが必要です。 6.最適化戦略には、HTTP要求の削減、HTMLの圧縮、セマンティックタグの使用などが含まれます。

テキストからウェブサイトへ：HTMLの力Apr 13, 2025 am 12:07 AM

HTMLは、Webページを構築するために使用される言語であり、タグと属性を使用してWebページの構造とコンテンツを定義します。 1）htmlは、などのタグを介してドキュメント構造を整理します。 2）ブラウザはHTMLを分析してDOMを構築し、Webページをレンダリングします。 3）マルチメディア関数を強化するなど、HTML5の新機能。 4）一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれます。 5）最適化の提案には、セマンティックタグの使用とファイルサイズの削減が含まれます。

HTML、CSS、およびJavaScriptの理解：初心者向けガイドApr 12, 2025 am 12:02 AM

webdevelopmentReliesOnhtml、css、andjavascript：1）htmlStructuresContent、2）cssStylesit、および3）Javascriptaddsinteractivity、形成、

HTMLの役割：Webコンテンツの構造Apr 11, 2025 am 12:12 AM

HTMLの役割は、タグと属性を使用してWebページの構造とコンテンツを定義することです。 1。HTMLは、読みやすく理解しやすいようなタグを介してコンテンツを整理します。 2。アクセシビリティとSEOを強化するには、セマンティックタグなどを使用します。 3. HTMLコードの最適化により、Webページの読み込み速度とユーザーエクスペリエンスが向上する可能性があります。