javascriptでCSSを操る「Dynamic CSS via JavaScript」

便利なのかわかりませんが、CSSをjavascriptで指定できるDynamic CSS via JavaScriptです。
javascriptなどの各プログラミング言語を使用してる人にとっては、ループや条件分岐できて便利なのかな。

使用方法
Dynamic CSS via JavaScriptからcss.jsをmootoolsからmootools.js（v1.2）をダウンロードします。
<script type="text/javascript" src="http://yourdomain/mootools.js"></script>
<script type="text/javascript" src="http://yourdomain/css.js"></script>
<script type="text/javascript">
var css = new CSS();
css.add_rules({
'span.bold':
{
'font-weight': 'bold'
}
}).refresh();
</script>
上記を記述し、対応する要素を書き込めば完成です。
<span class="bold">テキスト</span>
javascriptでCSSを操る「Dynamic CSS via JavaScript」サンプル

2008年01月12日

前の記事：スライド間をいい感じにスクロールするjavascript「jQuery.LocalScroll」
次の記事：クールなニューススティッカーjavascript「JavaScript News Sticker」

関連記事

• セクシーなLightBoxを実現するJavaScript「Sexy LightBox」
• ビジュアル面で最高のタイムピッカーJavaScript「nogray_time_picker」
• BOMBERMAN JAVASCRIPT GAME by mootools.js
• [mootools]mooVRotatingMenu
• 画面遷移せずにブックマークできるウィジェット「mooSocialize」

• ファイルサイズをJavaScriptライブラリ「jQuery」で自動表示する「addSizes.js」
• JavaScriptライブラリ「jQuery」を使用してフォームを華麗に彩る「jqTransform」
• Webカラーに関するサイト21
• 英字新聞ぽいコラムをJavaScriptライブラリ「jQuery」で作る「Columnizer」
• 心地よく要素を切り替えるJavaScript「jFlip」
• CoverFlowを実現するJavaScript「JS Coverflow」
• 画像を丸く輝かせるJavaScript「sphere.js」
• セクシーなLightBoxを実現するJavaScript「Sexy LightBox」
• JavaScriptライブラリ「jQuery」を使ってカレンダーを作る「jCal.js」
• カバーフローぽい画像ギャラリーJavaScript「ProtoFlow」