「JavaScriptによるCSSの動的切替」のすぐ設置できる簡単なサンプル。
多分説明不要。
<link id="basicStyle" rel="stylesheet" href ="diary.css"
type="text/css" />
[...]
</head><body>
[...]
Change CSS
<input type="button" value="diary.css"
onclick="document.getElementById('basicStyle').href=this.value">
<input type="button" value="debug.css"
onclick="document.getElementById('basicStyle').href=this.value">
<input type="button" value="css off"
onclick="document.getElementById('basicStyle').href=''">
設置例：
Change CSS
参考：「JavaScript&DHTMLクックブック
」[2005-03-23-7]
切り替えじゃなくて、単に CSS を on/off するには styleSheet オブジェ
クトの disabled プロパティを使うのが正統派みたい。
■市瀬裕哉, 福島英児, 望月真琴 /
実践Web Standards Design―Web標準の基本とCSSレイアウト&Tips
■加藤善規, 平澤隆, 両見 英世 / Web標準XHTML+CSSデザイン -
クリエイターが身につけておくべき新・100の法則。
Referrer (Inside):
[2005-03-25-3]
