コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > 画像に示すように CSS スタイルを書くのを手伝ってください。Thank you_html/css_WEB-ITnose

画像に示すように CSS スタイルを書くのを手伝ってください。Thank you_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 12:03:08
オリジナル
1017 人が閲覧しました


画像に示すように CSS スタイルを記述するのを手伝ってください。ボタンの位置はページの中央です: 190px*50px。カラーはオレンジ(#FF7100)とホワイト(#FFFFFF)の2色です。マウスをクリックすると、2 つのスタイルが入れ替わります。
書き留めてください。
ありがとうございます。


ディスカッションへの返信 (解決策)

jquery の addClass、removeClass; 2 つのメソッドは非常に単純です

jquery の addClass、removeClass; 2 つのメソッドは非常に単純です

重要なのは、2 つのメソッドのスタイルです。ボタンが違います。あなたはとても上手です。js を書くことができます。
2 つのボタン btn1 と btn2 のクリック イベントを追加します 

$('#btn1').click(function(){$(this).addClass('class1');$('#btn2').addClass('class2');})
ログイン後にコピー

手動で入力する場合、間違いは避けられません。 。 。 。

関連ラベル：
偉大なる神 スタイル
ソース：php.cn
前の記事：HTML CSS??zoom learning_html/css_WEB-ITnose 次の記事：最高の JS 半透明フローティング ウィンドウを探しています code_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
9
1588
width プロパティを追加してコンテンツを左に移動します。 ボディに余白を設けました。 main {left margin: 200px; right margin: 200px; textalignment: center} テキストを1...
から 2024-04-06 22:01:35
0
3
816
戻り値の変数の形式は何ですか? 私はphpの初心者です。コードを見つけました: if($x<time()){return[false,'error'];} ロジックや変数は重要ではありませんが、[false...
から 2024-04-06 21:55:20
0
1
778
Reactのsortメソッドでレンダリング(フィルターとページネーションを使用)をトリガーするにはどうすればよいですか? これが私の Sort.js スタイル コンポーネントです: <SortWrapper><SortText>SortBy</SortText>&l...
から 2024-04-06 21:28:37
0
1
2257
単語と一致する正規表現 新しいジョブ名をデータベース内の既存のジョブ名と照合しようとするスクリプトがあります。 SELECTa.titleASJobTitle,j.DescriptionASMatched...
から 2024-04-06 21:24:04
0
1
606
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート