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の具体的な使い方やダウンロードに関しては、以下のページからどうぞ。Split...リスト化した要素を自分が指定した数に分割できるシンプルだけど便利なjQ...JavaScriptレスポンシブ対応のシンプルなLightboxプラグインレスポンシブに対応したシンプルなLightboxプラグインを紹介します...JavaScriptマルチレベルで操作性に優れたレスポンシブ対応のjQueryナビゲーションレスポンシブに対応したマルチレベルの便利なjQueryナビゲーションが...JavaScriptテキストリンクにアンダーラインのアニメーションを実装できる「linkunderline」linkunderlineは、テキストリンクにアンダーラインを引くアニ...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。