スタイルシート切り替え

フォントサイズの切り替えなど、スタイルシートの切り替えを行う方法。

■解説


★magnet

■ダウンロード


★A List Apart

■インストール


ルートに「styleswitcher.js」

■設定


□コピーしたスタイルシートを作成(例:styles-site-large.css

□<head>~</head>内のスタイルシート部分を変更
<link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" title="default" />
<link rel="alternate stylesheet" href="<$MTBlogURL$>styles-site-large.css"type="text/css" title="large" />
<script type="text/javascript" src="<$MTBlogURL$>styleswitcher.js" ></script>

□切り替え用の記述例
切替:<a href="#" title="スタイルシート1" onclick="setActiveStyleSheet('default'); return false;"></a> | <a href="#" title="スタイルシート2" onclick="setActiveStyleSheet('large'); return false;"></a>

※「<→ < 」「>→ > 」「onclick→onclick」に変換
[PR]

by timlock | 2007-12-19 14:12 | MT Plug-in