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

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

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