コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > page_html/css_WEB-ITnose にカスタムの小さなウィンドウを追加する方法

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

WBOY
リリース： 2016-06-24 11:57:04
オリジナル
3166 人が閲覧しました

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

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

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




閉じる


関連ラベル：
に追加 窓 カスタマイズ ページ
ソース：php.cn
前の記事：404 エラー ページ things_html/css_WEB-ITnose 次の記事：キーワードに基づく Gaode マップ選択ガジェット 座標_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
から 2024-04-06 21:58:04
0
1
800
Reactのsortメソッドでレンダリング(フィルターとページネーションを使用)をトリガーするにはどうすればよいですか? これが私の Sort.js スタイル コンポーネントです: <SortWrapper><SortText>SortBy</SortText>&l...
から 2024-04-06 21:28:37
0
1
2257
CSS でフローティング要素を水平ではなく垂直にスタックするにはどうすればよいですか? 片側にメインコンテンツ、もう一方に追加コンテンツがある 2 つの列を持つ Web ページを作成しようとしています。ただし、float プロパティを使用して追加の列を左に揃えているた...
から 2024-04-06 20:45:26
0
2
386
CSSでページ下部の謎の空白を解決する方法 Bootstrap と D3 を使用して単純な Web ページを構築しようとしていますが、下部の空白をすべて削除する方法がわかりません。それをなくしたいのです。 bodyとhtml...
から 2024-04-06 20:22:15
0
1
454
MySQL は複数のテーブルからデータを取得します 次の列を含む eg_design テーブル、および次の列を含む eg_domains テーブル、および次の列を含む eg_fonts テーブルがあります。 $domain_id に...
から 2024-04-06 18:42:44
0
2
479
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート