Modalは、CSS駆動によるカスタマイズ性に優れたかっこいいモーダルウィンドウを実装することができるjQueryプラグインです。アニメーションの種類もいろいろ用意されているほか、スピードやタイミングなど細かいセッティングもオプションからできます。Modalのデモページです。ME」と書かれたボタンが設置されていて、ここをクリックするとアニメーション付きのモーダルウィンドウが表示される仕組みです。オーバーレイで背景が暗くなり、モーダルウィンドウ内のコンテンツをグッと引き立ててくれます。モーダルウィンドウ内の右上にある「×」、もしくは背景をクリックすると元の状態に戻ります。画面右側には「NEXT」ボタンがあり、ここから次のデモを見ることができます。デモは全部で4つ用意されています。Modalにはオプションもいろいろ付いています。主なオプションは、animation、speed、timing、closeModalSelector、enableEsc、enableClickAway、enableBodyScroll、appendBackgroundTo、onOpen、onCloseといった項目があります。animationの種類は全部で次のとおりです。fadefade-upfade-rightfade-downfade-leftfade-zoomfade-zoom-upfade-zoom-rightfade-zoom-downfade-zoom-leftまた、timingの値は以下の中から指定できます。n)それから、onOpenとonCloseはコールバック関数になります。Modalの具体的な使い方やダウンロードに関しては、以下のページからどうぞ。ModalJavaScript軽量なグリッドレイアウトを実装できるJSライブラリ「Macy.js」前のページパワフルなローディングマスクを実装できるjQueryプラグイン「P-Loading」次のページ検索:最近の記事2023.05.26MySQLのパスワードが原因だったWordPressのダッシュボードを開くたびに「PHPが古いからバージョンアップ...2023.05.2510時開店のカフェもなかなか使い勝手がいいオールドデリーに行きたくて少し早めに銀座へ到着したのはいいものの、いや少しではな...2023.05.23なぜか2枚目のナンが運ばれてくる(笑)ひさしぶりに銀座のオールドデリーへ行ってきた。いつのまにか移転したらしくメルサか...2023.05.22実るほどこうべをたれる、いや最初からこうべは真下か...スタバを終えて歯医者までまだ時間があったから公園まで散歩することにした。