ホームページ > 記事 > ウェブフロントエンド > jqueryポップアップログインウィンドウの実装 code_jquery
メインレイヤーは左右中央揃えで、ウィンドウの幅を2で割った値から自分のレイヤーの幅を2で割った値を左に設定しました。スクロール バーの非表示のスクロールトップに 50 ピクセルを加えたものに等しい固定トップ;
イベントがこのクラスをトリガーするとき、最初に 2 つのレイヤーが本文に追加されているかどうかを確認します。そうでない場合は、トリガーされるたびに増加し続けます。 。 title、content、width、height、cssNameの5つのパラメータが設定されており、それぞれレイヤータイトルのスタイル名、レイヤー内のコンテンツ、レイヤーの幅、レイヤーの高さ、レイヤーのコンテンツを定義します。レイヤー内のコンテンツは、url、text、id、iframe の 4 つの読み込みメソッドで設定されます。ターゲット URL の HTML コンテンツは、get または post を通じてイベントおよび id にコンテンツを直接書き込みます。ページ内のIDを取得することで、内部のHTMLがポップアップレイヤーに表示され、iframeはレイヤー内のフレームにターゲットURLが表示されることを認識します。多くの場合、ポップアップ レイヤーのコンテンツ スタイルもさまざまであるため、パラメーター cssName が追加され、これを使用してレイヤー内のコンテンツを配置できます。
1. ポップアップ レイヤーの HTML は次のとおりです。
顺序 | 参数 | 功能 | 备注 | |
---|---|---|---|---|
1 | title | 弹出层的标题 | 必填,纯文本 | |
2 | content | 弹出层的内容 | :url | get或post某一页面里的html,该页面要求只包含body的子标签 |
:text | 直接写入内容 | |||
:id | 显示页面里某id的子标签 | |||
:iframe | 层内内容以框架显示 | |||
3 | width | 弹出层的宽 | 必填,css值,比如“200px” | |
4 | height | 弹出层的高 | 如上,但是可用“auto” | |
5 | cssName | 弹出层的css | 给id floatBox加入的样式名,层内样式可以通过这个样式名来定制 |