jQueryでポップアップウィンドウエフェクトを作成する方法

php中世界最好的语言
リリース: 2017-12-31 11:36:59
オリジナル
2151 人が閲覧しました

今回は、jQuery を使用してポップアップ ウィンドウ効果を作成する方法を説明します。この記事では、プロジェクトでよく使用されるポップアップ ウィンドウ効果について詳しく説明します。

    弹窗    
ログイン後にコピー


使用ポイント:

jQuery作成:

$('

');

ログイン後にコピー

ポップアップウィンドウの位置:

oLogin.css('left',($(window).width()-oLogin.outerWidth())/2); oLogin.css('top',($(window).width()-oLogin.outerHeight())/2);
ログイン後にコピー

スクロールバーがスクロールするとポップアップウィンドウの位置が変化します:

$(window).on("resize scroll",function(){ oLogin.css('left',($(window).width()-oLogin.outerWidth())/2+$(window).scrollLeft()); oLogin.css('top',($(window).width()-oLogin.outerHeight())/2+$(window).scrollTop()); })
ログイン後にコピー

と思います上記の紹介文は読みました。この方法をマスターしたら、よりエキサイティングなコンテンツについては、php 中国語 Web サイトの他の関連記事に注目してください。

関連書籍:


Ajax でローカル JSON を読み取る方法

ES6 が Set データ構造を使用して配列を操作する方法

HTTP/2 サーバー プッシュについて

以上がjQueryでポップアップウィンドウエフェクトを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!