jQueryでリアルタイムにCSSを書き換えるサンプル

2009年08月30日-

Live CSS Editing With jQuery | Dev Words

jQueryでリアルタイムにCSSを書き換えるサンプルが公開されています。


デモページ

次のようなコードで容易にページの<style>の中身を書き換えちゃうというサンプルです。

これを応用して、ブックマークレットでLightBox起動→中身書き換え→反映 なんていうことをやっても便利に使えるかもしれませんね。

関連の記事検索：jQuery, CSS

By.KJ : 2009年08月30日 12:08

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)

最新のブログ記事(新着順)

• selectボックスのbootstrap化「bootstrapSelect」
• マウス位置に反応して画像がバラバラひろがる「Image Trail Effects」
• テーブルを検索・ソート・ページ分けができる「jquery.fancyTable」
• タイプライターアニメーション「type-this」
• すぐ隠れてくれるヘッダー実装「shyheader」
• 画像を円形でくり抜くためのUIを実装する「Cropme」
• スクロールで画像や文字がいい感じに拡大縮小されていくデモ「Smooth Scrolling Image Effects」
• あえてダサくして自分で１からデザインできる軽量なポップアップ「Uglipop」
• JSで楽譜を描画して再生までできる「abcjs」
• ページ内の画像をスムーススクロールするデモ
• 過去のエントリ