memo.xight.org

日々のメモ

CSS 切り替えスクリプト

Summary

  スタイルシートを動的に切り替え可能なタブを追加

設置方法

  - style1.js を変更
cssfolder = "http://www.fromdfj.net/css/";
styleFiles = new Array("No_StyleSheet","simple","green","orenge");


  - HTML に埋め込む
<link rel="StyleSheet" href="http://www.example.com/css/normal.css" type="text/css" id="css1">
<script type="text/javascript" src="http://www.example.com/js/style1.js"></script>


  - HTML にタブを埋め込む
<script type="text/javascript" src="http://www.example.com/js/style2.js"></script>


Reference

  from DFJ - CSS切り替えスクリプト
  http://www.fromdfj.net/html/changestyle.html
  スクリプトのダウンロード
  http://www.fromdfj.net/html/sample/style001.zip