基礎知識4：ポップアップレイヤーとドラッグ

ポップアップ レイヤーは Web 開発でよく使用されます。私はこれを Baidu からコピーして貼り付けていました。

インターネットがなかったある日、こんなに簡単なのに、なぜコピー＆ペーストにこんなに時間がかかったのかとふと思いました。 要約は次のとおりです:

1. 透明度: 0.5、フィルター: アルファ (不透明度=57) の大きな div 背景があり、最も幅が広く、最も高い Z インデックスがカバーされているものよりも大きくなります。ページの内容。

2. 絶対配置でコンテンツ div を作成し、Z インデックスを大きくし、お気に入りの属性、眩しいボックスシャドウなどを設定します。

3. ボタンをクリックすると、2 つをラップするレイヤーを設定し、必要がない場合は削除します。以下に示すように:

4. ポップアップ レイヤーなので、ドラッグする必要があります。実際、私が使用している Web サイトではドラッグしたことがありません。これを初めて見たとき、あなたは、押したときに座標を記録し、ドラッグしたときにリアルタイムで計算してポップアップ ウィンドウの位置を設定することを考えるでしょう。注意すべき点は、Firefox のイベント イベントの問題です。 var et =window.event || argument.callee.caller.arguments[0];

効果は次のとおりです:

声明：

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