jQuery

(記事数 7)

ブラウザバックで消せるモーダルウィンドウのプラグインを作成しました。

DEMO HashModal example How To Use <button type="button" class="modal-open">Modal</button> <div class="hashModal-inner" data-hashModal-id="hashModal" role="dialog"> <h2>Example

jQuery deferredを使い、javascriptの confirm をカスタマイズ

confirm キャンセル はい jQuery(function($){ var site = {}; site.confirmHtml = $('#js-confirm')[0].outerHTML; $('#js-confirm').remove(); site.customConfirm = function(textHtml) { var d = new $.Deferred; $('bo

jsのappend for文 高速化

append 複数回か、1回で行う、どっちが早い DOMの操作を行う処理などを一度変数に格納して、1回で実行できるようにすれば、高速化することができる。 複数回に分けて append var i = 100; console.time(); while (--i) { $('body').append(''); }; console.timeEnd(); // default: 11.127929

オーバーレイ管理機能試作 1

賃貸物件ページや、商品ページで使えそうなオーバーレイ(画面下部に固定されている、既存のコンテンツの上にかぶさっているような帯)の管理JSを試作しました。 HTMLの構造に依存するが、いつか作成したものよりも、管理がしやすくなったかも。 デモ demo(表示する際は、画面の縦幅を小さくしてください。) jQuery プラグイン ;(function($){ $.fn.overlayMana

任意のIDのエリア内の見出しを構造化したリストにする

経緯 コリスでも「[JS]コンテンツの見出しを目次にし、スクロールしてもサイドバーに固定表示されるナビゲーション -Progress Nav」のように紹介されたProgress Navを使いたかったことと、いちいち見出しをマークアップするのがめんどくなりそうだったので作成しました。 コード HTMLと、JSは以下の通り HTML <div> <div id="single-nav

ユニクロ 2016 PC サイトトップ 雪のアニメーション canvas

ユニクロ おそらく、以下のjsが主要なjs $('body') .css({'position': 'relative'}) .append('<canvas id="backstage" class="canvas" style="position:fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;dis

jsでお知らせ、簡易的な通知

このリンクをクリックすると、お知らせが出てきます。 ちかいうちに、プラグイン化してグローバルメソッドで呼べるようにしたい。 //html <div id="box_notifications" data-notification-favorite="true"> <div class="notifications_inner"> </div> </div&


  1. KATOON.NET
  2. タグ : jQuery