スタイルシートを切り替える

説明補足説明コード分割コード関連書籍コメント投稿

このサンプルは、jQueryのstyleSwitch()プラグインを利用して外部ファイルに格納されているスタイルシートを切り替えます。[styles1-3]をクリックすると対応するスタイルシートに切り替えます。カレントのスタイルシートは「Currently active stylesheet」に表示されます。

このサンプルは、jQueryのstyleSwitch()プラグインを利用して外部ファイルに格納されているスタイルシートを切り替えます。[styles1-3]をクリックすると対応するスタイルシートに切り替えます。カレントのスタイルシートは「Currently active stylesheet」に表示されます。

linkタグにはrel,title属性を指定します。style2とstyle3のrel属性には「alternate stylesheet」を指定します。

<link href="jQuery/styleSwitch/styles1.css" 
  rel="stylesheet" title="styles1" type="text/css" />
<link href="jQuery/styleSwitch/styles2.css" 
  rel="alternate stylesheet" title="styles2" type="text/css" />
<link href="jQuery/styleSwitch/styles3.css" 
  rel="alternate stylesheet" title="styles3" type="text/css" />