简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

js_jquery によってマウスがホバーされたときに生成されるドロップダウン ボックスの効果

WBOY
リリース： 2016-05-16 17:48:45
オリジナル
1189 人が閲覧しました

最初にチュートリアルを行い、簡単な例を示します。

コードをコピーします コードは次のとおりです:




jq=jQuery.noConflict();
jq=(document).ready(function(){
jq(" a").mouseover( function(){
jq("a").css("color","#c00");
});
jq("a').mouseout( function(){
jq("a").css("color","#000000″);
});

< body>
マウスを移動すると何が起こるかを確認してください

🎜>jq =jQuery.noConflict();
これは js を定義する jquery ライブラリ名です。
jq(document).ready(function(){
/*これはドキュメントに関する関数ですオブジェクト内には関数 Content*/
});
jq("a").mouseover()function(){
/*これはイベント Mouseover を定義するコンテンツです*/
} 実践的な例: クリックするとテキストを非表示にする:



コードをコピーします:

div.abc {
背景: #e5eec;
マージン: 0px; ; }

関連ラベル：
ドロップダウンボックス
ソース：php.cn
前の記事：JSイベント イベント要素（IE、Firefox、Chrome対応）_javascriptスキル 次の記事：textarea_form特殊効果の各行の入力文字列の長さを制限するjsコード
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
JavaScript を使用せずにクリック時に画像ソースを動的に変更する CSS のみのメソッド img:active{} のような CSS のみを使用して、マウスクリック時に画像の src を変更する必要があります
から 2024-04-06 19:25:49
0
1
505
CSS スタイルがサイトに適用されない Bootstrap5を使用してWebサイトを作成していますが、index.cssプロパティがindex.htmlに適用されません。サービス カードの上にマウスを移動すると、背景が変...
から 2024-04-06 17:12:23
0
1
336
ナビゲーションバーの下枠のCSS ナビゲーション バーがあり、リスト内の項目にカーソルを置くと下部に赤い線を追加しましたが、その赤い線をタイトル (例: 「サービス」) の下に移動したいのですが、これを実現する方法...
から 2024-04-06 15:04:41
0
2
347
NumberInput マウス ホイール処理はキャプチャ フェーズ イベント フィルタリングを無視します 非常に短いバージョン: ちょっと行き詰まっていて、なぜこのコードが実際にマウスホイールイベントをインターセプトして、数値エディターが数値を変更するために解釈するのを妨げるのかよくわ...
から 2024-04-05 12:21:04
0
1
1387
特定のメニュー項目にマウスオーバーしても、非表示のサブメニューが表示されない メニュー項目を呼び出すことができるように、メニュー項目用にいくつかのクラスを作成しました。 .dropdownBox{display:none;}.dropdownli:hover...
から 2024-04-04 14:39:08
0
1
359
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！