ページを開く度に要素をランダムに並び替える | NAKAZI LAB.（ナカジラボ）
デモページ JavaScript (function($){ $(function() { var rBox = []; $('.elements').each(function() { rBox.push($(this).html()); }); rBox.sort(function() { return Math.random() - Math.random(); }); $('.elements').empty(); i = 0; $('.elements').each(function() { $(this).append(rBox[i]); i++; }); }); })(jQuery); HTML <div id="container"> <div class="elements">1</div> <div class="elements">2</div> <div class
クリックした要素を全画面に広げて、ページ遷移せずに新たな要素を表示する「cta.js」 | NAKAZI LAB.（ナカジラボ）
「cta.js」はある要素をクリックするとその要素が全画面に広がり、ページを遷移せずに新たな要素を全画面で表示することができます。 サイトのメニューを表示したり、コンテンツが少ないサイトのアバウトページ代わりに使えそうです。 デモページ JavaScript (function($){ $(function() { var closeFn; function closeShowingModal() { var showingModal = document.querySelector('.modal.show'); if (!showingModal) return; showingModal.classList.remove('show'); document.body.classList.remove('disable-mouse'); if (closeFn) { closeFn()
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
