Webデザイン・デザイナーの制作に役立つネタまとめ～デザインフィードデータベース

Webデザイナーに役立つWebデザインのネタ、Webデザインに関連するテクニックやツールを紹介しています。随時人気の話題だけをピックアップしているので、Webデザイン業界の動向をまとめ読みするのにも最適です。Webデザイナーの日々のWebデザイン業務にどうぞお役立てください～。

[JS]一つの要素に複数の背景画像を自由に配置できるスクリプト -Background Layering | コリス

[ スポンサードリンク ]

2008/12/19 16:01:07　

11　coliss.com　[　この元データのコンテンツへ　]

[JS]一つの要素に複数の背景画像を自由に配置できるスクリプト -Background Layering | コリス　Webデザインフィード

Background Layeringは、一つの要素に複数の背景画像を自由に配置したり、使い回すこともできるスクリプトです。CSS Multiple Backgrounds / Background Layering [...]

[　← 前画面へ戻る　]　[　ニコニコ風に見る　]　[　関連記事を見る　]　[　Feeling Lucky　]

【 PR 】 Linuxのネタ・話題なら

◆コメント・メモ◆

ほほぅ。　 [ by y.motts ]

コリス aboutcontactsitemap search サイト構築-JavaScript JS一つの要素に複数の背景画像を自由に配置できるスクリプト-BackgroundLayering BackgroundLayeringは、一つの要素に複数の背景画像を自由に配置したり、使い回すこともできるスクリプトです。 CSSMultipleBackgrounds/BackgroundLayeringwithjQuery 上記のキャプチャのデモでは、3つのdiv要素に同じ画像を使用してそれぞれの角丸を実装しています。また、複数の背景画像のポジションをピクセル単位で指定して、配置することもで　 [ by Pafuxu ]

便利!１つの要素に背景画像を何個でも設定できるスクリプト　 [ by shirahata ]

画像をピクセル単位で重ねて配置できるＪＳ。便利そうだが使い道を考える必要がある。　 [ by chimakei ]

[　← 前の画面に戻る　]

◆関連データ◆

[JS]快適に動作するコンテンツスライダーのスクリプト -AnythingSlider | コリス
各パネルをダイレクトに表示するリンクにも対応した、パネルをスライドするスクリプト「AnythingSlider」をCSS-Tricksから紹介します。AnythingSlider demoコンテンツスライダーは右下のボタンで自動再生が可能で、横のアローで次と前、下の数字で各パネルをダイレクトに表示...
[ データ元へ ]

入力中に今のフィールドが何文字制限なのか分かりやすく表示できるjQueryプラグイン「Input Limiter」:phpspot開発日誌
入力中に今のフィールドが何文字制限なのか分かりやすく表示できるjQueryプラグイン「Input Limiter」2009年07月24日Input Limiter 入力中に今のフィールドが何文字制限なのか分かりやすく表示できるjQueryプラグイン「Input Limiter」。通常は、このフィ...
[ データ元へ ]

[JS]アニメーションの動きがキモチイイ、アコーディオンのスクリプト | コリス
ストンッと緩急のある動きをするアニメーションが気持ちいいアコーディオンを実装するチュートリアルをTutorialzineから紹介します。Making a Fresh Content Accordion demoアコーディオンはリスト要素で実装されており、開いた時の子供は入れ子のリスト要素になります...
[ データ元へ ]

jQueryでブロック要素の高さを揃えてみる - 徒書
ブロックレベル要素の高さを揃えるheightLine.js[to-R]を見て不満に思ったのは、高さを揃える要素を取得するために固定のclass名を使っていることでした。これだと既存のHTML文書に適用するためには、script要素を加えるだけでなく、それ用のclass名も書き加えなければなりません...
[ データ元へ ]

【レポート】jQueryテストスイート「QUnit」がスタンドアロン化! 使い方を早速チェック (1) QUnitとは? | エンタープライズ | マイコミジャーナル
jQueryでユニットテストをおこなう - QUnitとは高機能・軽量のJavaScriptフレームワークで、デベロッパにも人気の高いjQuery。そのjQueryをベースとしたテストスイートに「QUnit」がある。QUnitはJohn Resig氏とJorn Zaefferer氏が中心となって開...
[ データ元へ ]

縦に長〜いドロップダウンメニューを使いやすくするjQueryサンプル「Long Dropdowns」:phpspot開発日誌
縦に長〜いドロップダウンメニューを使いやすくするjQueryサンプル「Long Dropdowns」2009年10月21日-Long Dropdowns 縦に長〜いドロップダウンメニューを使いやすくするjQueryサンプル「Long Dropdowns」ドロップダウンメニューは限られたスペース内...
[ データ元へ ]

jQuery でサイズや位置を取得する方法を図にしてみた - Cyokodog::Diary
Javascriptサイズの取得煩雑になるので height の記述しかありませんが、width に置き換えれば幅もとれます。普通のボックス要素height() メソッドで取得できる値には、padding や border の分の高さを含みません。CSS の height と同じなので、css('...
[ データ元へ ]

15分で理解するjQueryのスライド「jQuery in 15 minutes」:phpspot開発日誌
jQuery in 15 minutes１５分で理解するjQueryのスライド「jQuery in 15 minutes...
[ データ元へ ]

インタラクティブにjQueryのセレクタの挙動を学べる『Interactive jQuery selector tester』 - IDEA*IDEA ～百式管理人のライフハックブログ～
前にどっかで紹介したような・・・まぁ、いいですか。Interactive jQuery selector testerはjQueryのセレクタの挙動を学ぶことができるツールです。テストしたいHTMLを貼り付け、セレクタを入力するとマッチするDOMがインタラクティブにわかりますよ。↑ シンプルで使い...
[ データ元へ ]