2つのCSSファイルを指定して、交互に切り替える。
読み込まれているCSSパスにクエリが設定されていても、削除して判別するので問題ない。また、読み込む際には自動的に「xxx.css?ver=2837」のようなクエリ付きのパスにするので、キャッシュによる問題にも対応できる。
style_blue.css と style_red.css を切り替える。
CSS :
#sample_minibox { //style_blue.css
font-weight: 700;
letter-spacing: 3px;
background: #c6dbde;
}
#sample_minibox { //style_red.css
font-weight: 400;
letter-spacing: 8px;
background: #dec6ce;
}
Javascript :
$switchCSS('css/style_blue.css','css/style_red.css');