たまに、文字の大きさをボタンで変更できる機能のあるサイトがありますが、あれは

JavaScriptで可能なのでしょうか?
もし、そうならば、参考に出来るサイトをお教えいただけますでしょうか?

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2006/03/01 21:42:30
  • 終了:--

回答(3件)

id:vinaka No.1

vinaka回答回数232ベストアンサー獲得回数12006/03/01 21:45:19

ポイント20pt

http://www.pref.kyoto.jp/korei/kaigo/

アドレス変更のお知らせ

できます。

ソースを見てみると一発でわかりますよ。


<!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 Transitional//EN”>

<html lang=”ja”>

<head>

<META http-equiv=”Content-Type” content=”text/html; charset=SHIFT_JIS”>

<META http-equiv=”Content-Style-Type” content=”text/css”>

<meta http-equiv=”Content-Script-Type” content=”text/javascript”>

<meta name=”Description” content=”京都府 のページです。”>

<meta name=”Keywords” content=”京都府,”>

<META name=”GENERATOR” content=”IBM WebSphere Studio Homepage Builder Version 9.0.0.0 for Windows”>

<link rel=”stylesheet” href=”http://www.pref.kyoto.jp/common/css/default.css” media=”screen,print,tv” type=”text/css”>

<link rel=”stylesheet” href=”http://www.pref.kyoto.jp/common/css/menu.css” media=”screen,print,tv” type=”text/css”>

<link rel=”stylesheet” href=”http://www.pref.kyoto.jp/common/css/menu2.css” media=”screen,print,tv” type=”text/css”>

<link rel=”stylesheet” href=”http://www.pref.kyoto.jp/common/css/print.css” media=”print” type=”text/css”>

<link rel=”stylesheet” href=”http://www.pref.kyoto.jp/common/css/aural.css” media=”aural” type=”text/css”>

<link rel=”index” href=”http://www.pref.kyoto.jp/”>

<link rev=”made” href=”mailto:webmaster@mail.pref.kyoto.jp”>

<script type=”text/javascript” src=”http://www.pref.kyoto.jp/common/js/fscc.js”></script>

<title>介護保険情報トップページ/最近のトピックス</title>

</head>

<BODY background=”y6b.gif”>


<p class=”hide”><a id=”TOP” name=”TOP” href=”#BODY” accesskey=”C”>本文へ</a></p>

<div id=”header”>

<p id=”title”><a href=”http://www.pref.kyoto.jp/” accesskey=”I”><img src=”http://www.pref.kyoto.jp/common/images/head_title.gif” alt=”京都府トップページへ” width=”341” height=”50”></a></p>

<form id=”search” action=”http://www.pref.kyoto.jp/cgi-bin/namazu.cgi” method=”get”>

<p><a href=”http://www.pref.kyoto.jp/search.html” accesskey=”F”><img src=”http://www.pref.kyoto.jp/common/images/icon_search.gif” alt=”キーワード検索” width=”24” height=”24”></a>

<input name=”key” id=”key” type=”text” accesskey=”K” tabindex=”1” value=”” size=”30” maxlength=”50”>

<input class=”hide” type=”hidden” name=”max” value=”30”>

<input class=”hide” type=”hidden” name=”format” value=”long”>

<input class=”hide” type=”hidden” name=”whence” value=”0”>

<input id=”submit” type=”submit” name=”submit” value=”検索” tabindex=”2” accesskey=”G”></p>

</form>

</div>

<p id=”navigation”>

<a href=”http://www.pref.kyoto.jp/info.html” accesskey=”1”>府政情報</a> |

<a href=”http://www.pref.kyoto.jp/100.html” accesskey=”2”>暮らし・環境</a> |

<a href=”http://www.pref.kyoto.jp/200.html” accesskey=”3”>教育・文化</a> |

<a href=”http://www.pref.kyoto.jp/300.html” accesskey=”4”>健康・福祉・人権</a> |

<a href=”http://www.pref.kyoto.jp/400.html” accesskey=”5”>産業・しごと</a> |

<a href=”http://www.pref.kyoto.jp/500.html” accesskey=”6”>地域振興</a> |

<a href=”http://www.pref.kyoto.jp/enjoy.html” accesskey=”7”>京都の魅力・観光</a>

</p>

<p id=”fontsize”>

文字の大きさ :

<a href=”javascript:fsc(’larger’);”>大きくする</a> |

<a href=”javascript:fsc(’default’);”>元に戻す</a>

</p>

<noscript>

<p class=”nojs”><a href=”http://www.pref.kyoto.jp/navi.html#menu2” title=”文字を大きくするには”>文字の大きさを変更する機能は、JavaScriptが無効なため使用できません。</a></p>

</noscript>

<p class=”nocss”><a href=”http://www.pref.kyoto.jp/navi.html#menu2” title=”文字を大きくするには”>文字の大きさを変更する機能は、スタイルシートが無効なため使用できません。</a></p>

<hr class=”hide”>


<p id=”breadcrumbs”>

<a href=”http://www.pref.kyoto.jp/”>京都府トップ</a> >

<A href=”http://www.pref.kyoto.jp/303.html”>福祉・高齢者・障害者</A> >

<A href=”file:///C:/Documents and Settings/Owner/デスクトップ/index.html”>介護保険情報トップ</A> ></p>


<div id=”content”>

<div id=”content2”>

<BLOCKQUOTE><IMG src=”logo1.gif” width=”240” height=”35” border=”0” alt=”介護保険情報”></BLOCKQUOTE>

<BLOCKQUOTE>

<BLOCKQUOTE><IMG src=”plant011.gif” width=”63” height=”69” border=”0” alt=” ”></BLOCKQUOTE>

</BLOCKQUOTE>

<address><FONT color=”#800000”><FONT color=”#000080”><FONT color=”#000080”><B>平成18年1月31日更新</B></FONT></FONT></FONT></address>

<p><B>このページは、介護保険推進室・介護保険事業室のホームページです。</B></p>

<h2>最近のトピックス</h2>

<H3><A href=”ityouen.htm”>高齢者施設における施設内感染防止及び衛生管理の徹底について</A> </H3>

<H3><A href=”tokei/16jyoukyou/16jyoukyou_index.html”>「平成16年度介護保険制度の実施状況」について</A></H3>

<H3><A href=”tokei/16enquete/16enquete_index.html”>「介護保険サービス利用者アンケート調査(第5回)結果の概要」について</A><I><FONT color=”#ff0000”></FONT></I></H3>

<H3>介護保険制度改正(平成17年10月施行)


(京都府作成リーフレット・<A href=”1710chirashi1.pdf”>表面(PDF

912KB)</A>、<A href=”1710chirashi2.pdf”>裏面(PDF 931KB)</A>)</H3>

<H3>新たなデイサービスのモデル実施について(通所介護カフェテリアプラン導入事業)


(<A href=”http://www.pref.kyoto.jp/koho/press/kaiken200511/kaiken051111/05...”>報道発表資料へのリンク</A>・<A href=”cafe1.pdf”>資料1(PDF 32.4KB)</A>・<A href=”cafe2.pdf”>資料2(PDF 46.3KB)</A>)<I><FONT color=”#ff0000”>新着</FONT></I></H3>

<H3><A href=”jigyousha/futan/index.htm”>京都府内の介護保険施設の居住費・食費について</A><I><FONT color=”#ff0000”>新着</FONT></I></H3>

<H3><A href=”http://www.pref.kyoto.jp/koho/press/press200512/press051202/0512...”>第8回介護支援専門員実務研修受講試験の実施結果について</A><I><FONT color=”#ff0000”>新着</FONT></I></H3>

<H3><A href=”pubcom_index.htm”><FONT size=”+1”><B>第4次京都府高齢者保健福祉計画(中間案)に対するご意見をお寄せください</B></FONT></A><FONT size=”+1”><B><FONT color=”#ff0000”>〔意見募集は1月19日(木曜日)をもって終了しました〕</FONT></B></FONT></H3>

<HR>


<dl class=”contact”>

<dt><FONT color=”#000080”>お問い合わせ先</FONT></dt>

</dl>


<dl class=”contact”>

<dd class=”continuous”>京都府保健福祉部 高齢・保険総括室<B> </B></dd>

<DD>介護保険推進室・介護保険事業室

<DD>〒602-8570

<DD>京都市上京区下立売通新町西入薮ノ内町(京都府庁第1号館4階)

<dt><FONT color=”#000080”>電話</FONT></dt>

<dd>介護保険推進室  075-414-4578</dd>

<DD>介護保険事業室  075-414-4672

<dt><FONT color=”#000080”>ファックス</FONT></dt>

<dd>075-414-4572</dd>

<dt><FONT color=”#000080”>Eメール</FONT></dt>

<dd>介護保険推進室 <A href=”mailto:kaigo-suishin@mail.pref.kyoto.jp”>kaigo-suishin@mail.pref.kyoto.jp</A></dd>

<DD>介護保険事業室 <A href=”mailto:kaigo-jigyo@mail.pref.kyoto.jp”>kaigo-jigyo@mail.pref.kyoto.jp</A>

</dl>


<dl class=”contact”>

<DD><A href=”../jiristu/index.html”>身体拘束・高齢者虐待・認知症のページ</A>

</dl>

<dl class=”contact”>

<DD><A href=”index.html”>高齢・保険総括室のホームページ</A>

</dl>

</div>

</div>

<div id=”link”>

<div id=”link2”>

<h2>メニュー</h2>

<ul>

<li><A href=”seido/index.html”>介護保険制度とは</A></li>

<li><A href=”minaoshi.html”>介護保険制度の見直しについて</A></li>

<li><A href=”riyousha/index.html”>サービス利用に当たって</A></li>

<li><A href=”care/index.html”>介護支援専門員・訪問介護員に関する情報</A></li>

<li><A href=”jigyousha/index.html”>介護保険事業者に関する情報</A></li>

<li><A href=”shisetsu/index.html”>介護保険施設等の施設整備に関する情報</A></li>

<li><A href=”tekiseika.html”>介護給付適正化対策について</A></li>

<li><A href=”yobou.html”>介護予防</A></li>

<li><A href=”tokei/index.html”>統計資料</A></li>

<li><A href=”sonota.html”>その他</A></li>

<li><A href=”link.html”>リンク集</A></li>

</ul>

</div>

</div>


<hr>

<p id=”pagetop”><a href=”#TOP” accesskey=”T”>ページの先頭に戻る</a></p>

<p id=”footer”>

<a href=”http://www.pref.kyoto.jp/tel.html”>お問合せ先一覧</a> |

<a href=”http://www.pref.kyoto.jp/sitemap.html” accesskey=”M”>サイトマップ</a> |

<a href=”http://www.pref.kyoto.jp/navi.html” accesskey=”0”>ご利用案内</a> |

<a href=”http://www.pref.kyoto.jp/privacy.html”>個人情報の取扱い</a> |

<a href=”http://www.pref.kyoto.jp/copyright.html”>著作権・リンク等</a> |

<a href=”http://www.pref.kyoto.jp/sitepolicy.html”>このサイトの考え方</a>

</p>

<p id=”copyright”>Copyright (C) Kyoto Prefecture. All Rights Reserved.</p>

<HR>

</BODY>

</html>

id:makocan

どうも〜。

参考にしてみます。

2006/03/03 21:17:33
id:Asuca No.2

Asuca回答回数281ベストアンサー獲得回数42006/03/01 21:54:49

ポイント20pt

文字サイズ切替

id:makocan

ありがとうございます。

無事に成功しました!

2006/03/03 21:25:27
id:freebreeze No.3

freebreeze回答回数931ベストアンサー獲得回数142006/03/01 22:09:33

ポイント20pt

WebCreatorsという雑誌のサイトのTips集

1. フォントサイズをワンクリックで変更するが非常に参考になります。

id:makocan

これも参考になりました。

ありがとうございます!

2006/03/03 21:26:55

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません