ホームページ >ウェブフロントエンド >htmlチュートリアル >page_html/css_WEB-ITnose にカスタムの小さなウィンドウを追加する方法

page_html/css_WEB-ITnose にカスタムの小さなウィンドウを追加する方法

WBOY
WBOYオリジナル
2016-06-24 11:57:043167ブラウズ

写真に示すように:
達成される効果: 大きなウィンドウに追加できるもの (写真、テキストなど) は、小さなウィンドウが表示されているときに、後ろの大きなウィンドウに追加できます。マスクのレイヤーがあります(写真のように、小さなウィンドウを強調表示できます)、小さなウィンドウの外側の任意の場所をクリックすると、小さなウィンドウが自動的に消えます
小さな例があればもっと良いでしょう。ちょっとしたテキスト説明でも、マスターがアイデアを説明できれば、とても感謝します
ちなみに、私はXiaobaiです。JavaScriptは理解できるとしか言えませんが、JQueryは見たことがないので、もし知っていれば。 jQueryのものなら何でも。 。 。えー

ディスカッションに返信 (解決策)

独自の要件に応じて CSS スタイルを変更できますjavascript: void(0)" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">ここをクリックして開きますウィンドウ< /a>




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