「普通のリストに任意の文字列と番号を加える」のコードが、同じページ内で複数作ると上手く動作しない、と連絡を頂いたので改正版。 Result jQuery $('ul > li').each(function() { $(this).prepend("<span class='number'> No." + ($(this).index() +1) + "</span>"); }); index()メソッドで取得したインデックス番号は0からなので1を足してナンバリングする。 css .number{/*ナンバリングした数字のスタイル*/ color:red; display:inline-block; margin-right:15px; font-size:20px; } via Add Numbers into an Ordered List
jquery.deviantartmuroはWeb画像編集サービスのdeviantART muroを埋め込みサービスとして呼び出すjQueryプラグインです。 Webブラウザ上でできることは多岐に渡る訳ですが、ペイントですらWebベースで行う時代になっています。その高機能ペイントサービスとして知られるdeviantART muroを自分のWebサイトに埋め込んで使えるのがjquery.deviantartmuroです。 この画像を自由に編集できます。 もはや普通のペイントアプリです。 レイヤーにも対応。 エクスポートできます。 拡大も可能。 囲い込みでの範囲指定も。これがWebアプリケーションとはすごい時代になったものです。 jquery.deviantartmuroはペイントソフトウェアとしての機能を提供する訳ではなく、あくまでもdeviantART muroの機能を埋め込みで提供してい
jQueryを使用して、簡単に画像にズーム効果を付ける方法が掲載されています。 使用する画像は原寸大の画像1枚。 img要素のwidth/height属性にサムネイル表示時のサイズを指定しておきます。 サムネイル画像にマウスがのった時に、画像をサムネイル表示時よりCSSで画像サイズを25%大きくするアニメーションを行い、z-indexをあげて他の要素より上に表示するようにしています。 マウスが離れた時に、CSSで画像サイズを元のサイズに戻すアニメーションを行い、z-indexを元に戻す方法がとられています。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://w
トレンディ且つナウい Web ページを構築するための CSS フレームワーク（※枠組み）です。フレームワークというとなんだか大袈裟な響きですが、実態は単なる CSS と JavaScript という２つのテキストファイルだけで特別な使い方等もありません。利用者はこれらを HTML ファイルに読み込ませたのち、Bootstrap 側で既に定義済みのクラスを各 HTML 要素に指定するだけで、自分は一行も CSS を書くことなく高品質な Web ページが作れてしまったりします。 Twitter Bootstrap うろ覚えですが、2011年の夏頃に最初のメジャーバージョンがリリースされました *1。当時 Twitter のエンジニアで現在は Github にお勤め中の Mark Otto 氏によって開発され、2013年4月時点ではバージョン2.3.1が最新版となっています。またバージョン3.0
diagonalFade : A jQuery plugin 画像リストをパターンをつけてフェードイン/アウトできるjQueryプラグイン「diagonalFade」。 単体の画像ではなく複数の画像を徐々にフェードイン・アウトする方法でお洒落な演出が作れます アパレルサイトなんかで軽く使ってみるとオシャレかもしれませんね 関連エントリ ２Dゲームが作れそうなアニメーションjQueryプラグイン「Motio」 アニメ映画のようなロゴアニメーションを実現するjQueryアニメーションプラグイン「SuperScrollRama」 BackgroundImageでスプライトアニメーションさせるjQueryプラグイン「AniDG」 カードを華麗に動かすアニメーションの実装ｊQueryプラグイン「Baraja」 アニメーションでコンテンツをより効果的にみせるためのjQueryプラグイン集 DIVをマー
Jquery Alpha Image by Ilker Guller 画像内の指定した色を透過処理できる「jQueryAlphaImage」。 画像編集ツールを使わずとも、jQueryプラグインで簡単に透過処理が行えます この画像が 次のコードで。 透過！ 関連エントリ スプライトアニメーション作成用jQueryプラグイン「Phantascope」 アニメーションしながらソートできるjQueryプラグイン「Animated Table Sorter」 iPhoneのサイドメニュー風UIが作れるjQueryプラグイン「jPanelMenu」 高機能なカラーピッカーを実現出来るjQueryプラグイン「Spectrum」 文字や画像にリアルタイムでモザイク処理がかけられるjQueryプラグイン「SPOILER ALERT!」 チェックボックス、ラジオボタンをクールにデザインできるjQueryプラ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
