[JS]CSSスプライトにスライドやフェードのアニメーションを加えるスクリプト -SpriteMenu
一枚の画像で作成するCSSスプライトに、スライドやフェードのアニメーションを加えるスクリプト「SpriteMenu」を紹介します。 SpriteMenu demo SpriteMenu デモでは、イージングを使用したスライドとフェードのアニメーションが紹介されています。 使用している画像はどちらも同じで、下記のようになっています。 CSSスプライト用の画像（クリックで拡大） ナビゲーションはリスト要素で実装されており、スクリプトのオプションではナビゲーションのサイズ、アニメーションのエフェクト、スピード、イージングなどを変更できます。 SpriteMenuはjQueryのプラグインのため、実装にはjquery.jsが必要です。
[JS]テキストリンクをうにょうにょとアニメーションさせるスクリプト -Link Nudging
david walsh blogから、テキストリンクをアニメーションでスムーズにスライドさせるスクリプトを紹介します。 <textarea name="code" class="js" cols="60" rows="5"> $(document).ready(function(){ $('a.nudge').hover(function(){ //mouse in $(this).animate({ paddingLeft: '20px' },400); }, function(){ //mouse out $(this).animate({ paddingLeft: 0 }, 400); }); }); </textarea>
[JS]PDFなどのリンク先の容量を自動表記するスクリプト -addSizes.js
Natalie Downeから、PDF、MP3、DOCファイルなどにリンクした際、自動でファイル容量を表示するスクリプト「addSizes.js」を紹介します。 addSizes.js Snazzy automatic link file-size generation デモ addSizes.jsでファイル容量を表示するのは簡単で、「addSizes.js」と「jquery.js」を外部ファイルとして設置し、PDFファイルへのリンクを「http://」から記述するだけです。 ※リンクの記述は、絶対パスのみ有効です。 対応ファイルは初期設定では、「.pdf」「.doc」「.mp3」「.m4u」となっています。 他の種類のファイルを追加する場合は、addSizes.jsのL.2に追加します。 例：「.jpg」を追加する場合 <textarea name="code" class="js" c
[JS]リキッドレイアウト上のカラムの幅や数を自動調整するスクリプト -Smart Columns
表示されたブラウザの幅に合わせて、ぴったりになるようにカラムの幅や数を自動調整するスクリプトをSoh Tanakaから紹介します。
[JS]既存のテーブルにソート、ハイライト、分割機能などを追加できるスクリプト
既存のテーブルにソート、ハイライト表示、データ分割、ページネーション機能を追加できる、高性能な超軽量（2.5KB）スクリプトをLeigeberから紹介します。 TinyTable JavaScript Table Sorter demo このスクリプトは、以前紹介した「設置も簡単なテーブルのデータをソートする超軽量のスクリプト」のバージョンアップ版で、主な機能は下記の通りです。 既存のテーブルに簡単に設置が可能。 2.5KBの超軽量スクリプト（他のスクリプトへの依存無し）。 列を交互に自動ハイライト。 選択した行のハイライト。 データの表示件数をコントロール。 分割したデータのページネーションを設置。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
