ホームページ ウェブフロントエンド jsチュートリアル ホバーの使い方とlive(マウスホバー効果)の使い方の紹介_jquery

ホバーの使い方とlive(マウスホバー効果)の使い方の紹介_jquery

May 16, 2016 pm 05:38 PM
hover live マウスオーバー

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

// live は主に、動的に読み込まれるイベントをバインドするために使用されます。 elements
// 製品カタログ
$(".lm_div_q dd").live({
mouseenter: function() {
$(this).find("strong").addClass(" tj_strong ");
$(this).find("strong").next().slideDown(200); // ドロップダウン ボックスを表示
},
mouseleave: function() {
$ (this).find("strong").removeClass("tj_strong");
$(this).find("strong").next().slideUp(200); // ドロップを非表示にする-down box
}
});
//ホバーはイベントを直接バインドします
// 製品カタログ<br>$(".lm_div_q dd")。 hover(function( ){ <br>$(this).find("strong").addClass("tj_strong"); <br>$(this).find("strong").next().stop(true ,true). slideDown(200); // ドロップダウン ボックスを表示します <br>}, function(){ <br>$(this).find("strong").removeClass("tj_strong"); $(this).find ("strong").next().stop(true,true).slideUp(200); // ドロップダウン ボックスを非表示<br>});







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

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

CSS ヒント: トランジションを使用してホバー状態を保持する CSS ヒント: トランジションを使用してホバー状態を保持する Sep 27, 2022 pm 02:01 PM

ホバー状態を保存するにはどうすればよいですか?以下の記事ではJavaScriptを使わずにホバー状態を保持する方法を紹介していますので、ご参考になれば幸いです。

体験は飛んでいます。Haval X1 カメラで飛行してみませんか 体験は飛んでいます。Haval X1 カメラで飛行してみませんか Jan 15, 2024 pm 02:21 PM

インターネット上では素晴らしいトップダウン動画がたくさん見られますが、ドローンで撮影された映像は確かに衝撃的ですが、実際にはドローンについての理解が浅い人が多いのが現状です。飛行が制限されている場所はどこですか?実際、すぐに飛行できる「ドローン」が現在の主流であり、多くの人が選択する価値のあるドローンです。今日は Harvest Flying Camera X1 を実際に体験していただきます。外観では、Harvest Flying Camera X1は初の折りたたみデザインを採用しており、カメラ全体の重さはわずか125gで、携帯電話よりも軽く、折りたたんだ後は手に持ってカバンに入れても圧迫感がありません。 。 4つの柔らかい染め葉と安全フレームの設計が撮影の安全を完全に保護します。 Dyed Leaf は、弾性が高く、耐久性があり、安全で環境に優しいバイオベースの生物学的基材を革新的に使用しており、離陸時と着陸時に手を保護する完全保護フレームも備えています。

Win11でマウスホバー時間を設定するにはどうすればよいですか? Win11 マウスホバー時間設定チュートリアル Win11でマウスホバー時間を設定するにはどうすればよいですか? Win11 マウスホバー時間設定チュートリアル Feb 01, 2024 pm 02:54 PM

Win11でマウスホバー時間を設定するにはどうすればよいですか? win11システムを使用している場合、マウスホバー時間を設定できますが、多くのユーザーは設定方法がわかりません?ユーザーは直接クリックして新しいテキスト ドキュメントを作成し、次のコードを入力してそれを直接使用できます。このサイトでは、Win11 でマウスホバー時間を設定する方法をユーザーに丁寧に紹介します。 Win11でマウスホバー時間を設定する方法 1. デスクトップの何もないところで[右クリック]をクリックし、開いたメニューから[新規作成 - テキストドキュメント]を選択します。 3. 次に、左上の [ファイル] をクリックし、開いたドロップダウン項目で [名前を付けて保存] を選択するか、キーボードのショートカット キー [Ctrl+Shift+S] を押します。 6

CSSでホバーイベントを削除する方法 CSSでホバーイベントを削除する方法 Feb 01, 2023 am 10:06 AM

CSS ホバー イベントを削除する方法: 1. "$("a").hover(function(){alert('mouseover'); }, function(){ 「alert('mouseout'); })」メソッドを使用してホバー イベントをバインドします。 2. 「$('a').off('mouseenter').unbind('mouseleave');」メソッドを使用してホバー イベントのバインドを解除します。できる。

CSS を使用してマウスホバリング時のジッター効果を実現するためのヒントと方法 CSS を使用してマウスホバリング時のジッター効果を実現するためのヒントと方法 Oct 21, 2023 am 08:37 AM

CSS を使用してマウスホバリング時のジッター効果を実現するためのヒントと方法 マウスホバリング時のジッター効果は、Web ページにダイナミクスと面白さを追加し、ユーザーの注意を引くことができます。この記事では、CSS を使用してマウスホバーのジッター効果を実現するいくつかのテクニックと方法を紹介し、具体的なコード例を示します。ジッターの原理 CSS では、キーフレーム アニメーション (キーフレーム) と変換プロパティを使用して、ジッター効果を実現できます。キーフレーム アニメーションを使用すると、アニメーション シーケンスを次のように定義できます。

JavaScript を使用して画像にマウスオーバーによる拡大効果を実装するにはどうすればよいですか? JavaScript を使用して画像にマウスオーバーによる拡大効果を実装するにはどうすればよいですか? Oct 20, 2023 am 09:16 AM

JavaScript を使用して画像にマウスオーバーによる拡大効果を実装するにはどうすればよいですか?今日の Web デザインでは、ユーザー エクスペリエンスにますます注目が集まっており、多くの Web ページが写真に特殊効果を追加しています。その中で、画像のマウスオーバー拡大効果は一般的な特殊効果で、ユーザーがマウスをホバーすると画像が自動的に拡大され、ユーザーと画像の間のインタラクションが増加します。この記事では、JavaScript を使用してこの効果を実現する方法と、具体的なコード例を紹介します。アイデア分析: マウスオーバーによる画像の拡大効果を実現するには、JavaS を使用できます。

CSS でトリガーされるアニメーション プロパティの最適化のヒント: ホバーとアニメーション CSS でトリガーされるアニメーション プロパティの最適化のヒント: ホバーとアニメーション Oct 20, 2023 pm 12:25 PM

CSS でトリガーされるアニメーション プロパティの最適化のヒント: ホバーとアニメーション 概要: 現代の Web デザインでは、アニメーション効果はユーザー エクスペリエンスを向上させる重要な手段の 1 つになっています。 CSS のホバーとアニメーションのプロパティは、アニメーション効果を実現するための鍵となります。この記事では、これら 2 つの属性の最適化テクニックをいくつか紹介し、開発者がアニメーション効果をより適切に適用して最適化できるようにする具体的なコード例を示します。はじめに: CSS のホバー属性とアニメーション属性を Web ページに実装できます

HTMLにおけるホバーの役割 HTMLにおけるホバーの役割 Feb 20, 2024 am 08:58 AM

HTML におけるホバーの役割と具体的なコード例 Web 開発では、ホバーとは、ユーザーが要素の上にカーソルを置いたときにいくつかのアクションや効果をトリガーすることを指します。これは、CSS :hover 疑似クラスを通じて実装されます。この記事ではホバーの役割と具体的なコード例を紹介します。まず、hover を使用すると、ユーザーが要素上にマウスを移動したときに要素のスタイルを変更できます。たとえば、ボタンの上にマウスを置くと、ボタンの背景色やテキストの色を変更して、次に何をすべきかをユーザーに思い出させることができます。

See all articles