その他:

2つのCSSファイルを指定して切り替える

2つのCSSファイルを指定して、交互に切り替える。
読み込まれているCSSパスにクエリが設定されていても、削除して判別するので問題ない。また、読み込む際には自動的に「xxx.css?ver=2837」のようなクエリ付きのパスにするので、キャッシュによる問題にも対応できる。

String1
1つ目のCSSファイルの相対パスを渡す
String2
2つ目のCSSファイルの相対パスを渡す
●必須引数 ●オプション引数(省略可能)

記述例

$switchCSS('css/style_blue.css', 'css/style_red.css')

動作サンプル

style_blue.css と style_red.css を切り替える。

SAMPLE BOX
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');
※上記のサンプルコードは主にPC表示用を想定している。スマホ用のコーディングでは別途調整が必要となる可能性がある。
※この関数の動作サンプルとして必須ではない装飾的なCSSコードなどは省略して提示している。