Pinterestのように要素をレンガ上に並べるレイアウトが近年流行っていますが、 そのレイアウトをシンプルなスクリプトで表示出来るのが「Wookmark」です。 The Wookmark jQuery plugin github Wookmark-jQuery ■デモ githubにあったサンプルをこちらに置きました。 ■使い方 外部ファイル jquery.jsとwookmark.jsを読み込みます。 <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript" src="jquery.wookmark.js"></script> HTML レンガ状にレイアウトするコンテンツをリスト要素で並列に並べます。 各要素のidは後述するwookmarkの実行で使用
JavaScript、というかjQueryを使って、キーイベントが発生した際にキーコードを取得する方法と利用についてのメモ。 キーコードの取得 キーボードイベント発生でイベントオブジェクトがわたされるので、whichプロパティでキーコードを取れる。例えばenterキーを押すと、enterキーのキーコードは13なので、event.which === 13となる。enterキーが押されたときに反応させるにはこうなる。 $("body").keypress( function( event ) { if( event.which === 13 ){ alert( "enterキーが押されました。" ); } }); コントロールキー / オルトキー / シフトキーとの同時押し コントロールキー・オルトキー・シフトキーと他のキーを同時押しした場合のキーイベントの取得方法。 まず、コントロールキー・
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
This tutorial was originally put together by Soh Tanaka during the Spring of 2009. Unfortunately the original demo went offline along with his source codes. I checked out an older archive copy on the WayBack Machine and decided to re-built this tutorial from scratch. I am going to demonstrate how we can make a simple list-style interface that switches over to thumbnails using jQuery. The user may
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
