モーダル
.modal_opener
data-modal-target="#id"
デモ
- モーダルを開く(span)
特長
- 機能性 テキストや画像など様々な要素をトリガーにできる
- 機能性 モーダルの内容に制約無し
- ユーザビリティ モーダルを開いた際、背面となるbodyのスクロールを停止
利用方法
クリック(タップ)させる要素に、class値 modal_opener と data-modal-target 属性を加えます。属性値には表示内容を入れたコンテナのidを指定します。サンプルではコンテナはHTML上に記述し display: none; で隠しています。
<span class="modal_opener" data-modal-target='#modal_test'>モーダルを開く</span>
むかしから、“太平楽”という言葉がある。クリスマスからつづいてまだ不足顔の醒めない“正月の亭主族”のごとき者をいったのだろう。語源は「太平記」以前であるにちがいない。それが古典の太平記に用いられてから謡曲、民劇、小説などでさらに一般化したのである。室町期の記録もの、お伽草子。また江戸時代の小説類などおよそ“太平記”という書題を取ったものは百種以上にものぼるであろうか。たとえば「お伽太平記」「ごばん太平記」「女太平記」「東国太平記」「化物太平記」近年でも「新聞太平記」「何々太平記」など、とてもかぞえきれない。私のこんど書く「私本太平記」もその一つに入るわけである。けれど無数の書名は、じっさいには、ほんとの太平記の内容とは、何のかかわりもなく、ただその“太平”ということばの持つ広さや漠とした思わせぶりに仮托したものが大部分であるといってよい。
むかしから、“太平楽”という言葉がある。クリスマスからつづいてまだ不足顔の醒めない“正月の亭主族”のごとき者をいったのだろう。語源は「太平記」以前であるにちがいない。それが古典の太平記に用いられてから謡曲、民劇、小説などでさらに一般化したのである。室町期の記録もの、お伽草子。また江戸時代の小説類などおよそ“太平記”という書題を取ったものは百種以上にものぼるであろうか。たとえば「お伽太平記」「ごばん太平記」「女太平記」「東国太平記」「化物太平記」近年でも「新聞太平記」「何々太平記」など、とてもかぞえきれない。私のこんど書く「私本太平記」もその一つに入るわけである。けれど無数の書名は、じっさいには、ほんとの太平記の内容とは、何のかかわりもなく、ただその“太平”ということばの持つ広さや漠とした思わせぶりに仮托したものが大部分であるといってよい。
むかしから、“太平楽”という言葉がある。クリスマスからつづいてまだ不足顔の醒めない“正月の亭主族”のごとき者をいったのだろう。語源は「太平記」以前であるにちがいない。それが古典の太平記に用いられてから謡曲、民劇、小説などでさらに一般化したのである。室町期の記録もの、お伽草子。また江戸時代の小説類などおよそ“太平記”という書題を取ったものは百種以上にものぼるであろうか。たとえば「お伽太平記」「ごばん太平記」「女太平記」「東国太平記」「化物太平記」近年でも「新聞太平記」「何々太平記」など、とてもかぞえきれない。私のこんど書く「私本太平記」もその一つに入るわけである。けれど無数の書名は、じっさいには、ほんとの太平記の内容とは、何のかかわりもなく、ただその“太平”ということばの持つ広さや漠とした思わせぶりに仮托したものが大部分であるといってよい。
むかしから、“太平楽”という言葉がある。クリスマスからつづいてまだ不足顔の醒めない“正月の亭主族”のごとき者をいったのだろう。語源は「太平記」以前であるにちがいない。それが古典の太平記に用いられてから謡曲、民劇、小説などでさらに一般化したのである。室町期の記録もの、お伽草子。また江戸時代の小説類などおよそ“太平記”という書題を取ったものは百種以上にものぼるであろうか。たとえば「お伽太平記」「ごばん太平記」「女太平記」「東国太平記」「化物太平記」近年でも「新聞太平記」「何々太平記」など、とてもかぞえきれない。私のこんど書く「私本太平記」もその一つに入るわけである。けれど無数の書名は、じっさいには、ほんとの太平記の内容とは、何のかかわりもなく、ただその“太平”ということばの持つ広さや漠とした思わせぶりに仮托したものが大部分であるといってよい。
むかしから、“太平楽”という言葉がある。クリスマスからつづいてまだ不足顔の醒めない“正月の亭主族”のごとき者をいったのだろう。語源は「太平記」以前であるにちがいない。それが古典の太平記に用いられてから謡曲、民劇、小説などでさらに一般化したのである。室町期の記録もの、お伽草子。また江戸時代の小説類などおよそ“太平記”という書題を取ったものは百種以上にものぼるであろうか。たとえば「お伽太平記」「ごばん太平記」「女太平記」「東国太平記」「化物太平記」近年でも「新聞太平記」「何々太平記」など、とてもかぞえきれない。私のこんど書く「私本太平記」もその一つに入るわけである。けれど無数の書名は、じっさいには、ほんとの太平記の内容とは、何のかかわりもなく、ただその“太平”ということばの持つ広さや漠とした思わせぶりに仮托したものが大部分であるといってよい。
むかしから、“太平楽”という言葉がある。クリスマスからつづいてまだ不足顔の醒めない“正月の亭主族”のごとき者をいったのだろう。語源は「太平記」以前であるにちがいない。それが古典の太平記に用いられてから謡曲、民劇、小説などでさらに一般化したのである。室町期の記録もの、お伽草子。また江戸時代の小説類などおよそ“太平記”という書題を取ったものは百種以上にものぼるであろうか。たとえば「お伽太平記」「ごばん太平記」「女太平記」「東国太平記」「化物太平記」近年でも「新聞太平記」「何々太平記」など、とてもかぞえきれない。私のこんど書く「私本太平記」もその一つに入るわけである。けれど無数の書名は、じっさいには、ほんとの太平記の内容とは、何のかかわりもなく、ただその“太平”ということばの持つ広さや漠とした思わせぶりに仮托したものが大部分であるといってよい。
むかしから、“太平楽”という言葉がある。クリスマスからつづいてまだ不足顔の醒めない“正月の亭主族”のごとき者をいったのだろう。語源は「太平記」以前であるにちがいない。それが古典の太平記に用いられてから謡曲、民劇、小説などでさらに一般化したのである。室町期の記録もの、お伽草子。また江戸時代の小説類などおよそ“太平記”という書題を取ったものは百種以上にものぼるであろうか。たとえば「お伽太平記」「ごばん太平記」「女太平記」「東国太平記」「化物太平記」近年でも「新聞太平記」「何々太平記」など、とてもかぞえきれない。私のこんど書く「私本太平記」もその一つに入るわけである。けれど無数の書名は、じっさいには、ほんとの太平記の内容とは、何のかかわりもなく、ただその“太平”ということばの持つ広さや漠とした思わせぶりに仮托したものが大部分であるといってよい。
むかしから、“太平楽”という言葉がある。クリスマスからつづいてまだ不足顔の醒めない“正月の亭主族”のごとき者をいったのだろう。語源は「太平記」以前であるにちがいない。それが古典の太平記に用いられてから謡曲、民劇、小説などでさらに一般化したのである。室町期の記録もの、お伽草子。また江戸時代の小説類などおよそ“太平記”という書題を取ったものは百種以上にものぼるであろうか。たとえば「お伽太平記」「ごばん太平記」「女太平記」「東国太平記」「化物太平記」近年でも「新聞太平記」「何々太平記」など、とてもかぞえきれない。私のこんど書く「私本太平記」もその一つに入るわけである。けれど無数の書名は、じっさいには、ほんとの太平記の内容とは、何のかかわりもなく、ただその“太平”ということばの持つ広さや漠とした思わせぶりに仮托したものが大部分であるといってよい。
むかしから、“太平楽”という言葉がある。クリスマスからつづいてまだ不足顔の醒めない“正月の亭主族”のごとき者をいったのだろう。語源は「太平記」以前であるにちがいない。それが古典の太平記に用いられてから謡曲、民劇、小説などでさらに一般化したのである。室町期の記録もの、お伽草子。また江戸時代の小説類などおよそ“太平記”という書題を取ったものは百種以上にものぼるであろうか。たとえば「お伽太平記」「ごばん太平記」「女太平記」「東国太平記」「化物太平記」近年でも「新聞太平記」「何々太平記」など、とてもかぞえきれない。私のこんど書く「私本太平記」もその一つに入るわけである。けれど無数の書名は、じっさいには、ほんとの太平記の内容とは、何のかかわりもなく、ただその“太平”ということばの持つ広さや漠とした思わせぶりに仮托したものが大部分であるといってよい。
むかしから、“太平楽”という言葉がある。クリスマスからつづいてまだ不足顔の醒めない“正月の亭主族”のごとき者をいったのだろう。語源は「太平記」以前であるにちがいない。それが古典の太平記に用いられてから謡曲、民劇、小説などでさらに一般化したのである。室町期の記録もの、お伽草子。また江戸時代の小説類などおよそ“太平記”という書題を取ったものは百種以上にものぼるであろうか。たとえば「お伽太平記」「ごばん太平記」「女太平記」「東国太平記」「化物太平記」近年でも「新聞太平記」「何々太平記」など、とてもかぞえきれない。私のこんど書く「私本太平記」もその一つに入るわけである。けれど無数の書名は、じっさいには、ほんとの太平記の内容とは、何のかかわりもなく、ただその“太平”ということばの持つ広さや漠とした思わせぶりに仮托したものが大部分であるといってよい。