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

このエントリーを含むはてなブックマーク はてなブックマークを見るこの記事をクリップ!Yahoo!ブックマークに登録このエントリーをdel.icio.usに追加する

[ 1分で読めて簡単導入できます]

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

使用方法
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ライブラリ
JavaScriptライブラリまとめ
JavaScriptライブラリのメインストリーム「jQuery」プラグインまとめ
jQueryプラグインまとめ
通が好むJavaScriptライブラリ「mootools」プラグインまとめ
mootoolsプラグインまとめ