人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

WEB制作に関しての質問です!
最近「小・中・大」とページ内の文字の大きさを変更出来るボタンを実装しているサイトが急に増えたような気がします。
http://www.cozycorner.co.jp/

例えば上記のようなサイトです。
jqueryなどライブラリのようなモノが出回っているのですかね?
それともDream Weaverなどのソフトで簡単に導入出来るようになっているのでしょうか。
事情を教えて頂ければと思います。

●質問者: otowado
●カテゴリ:ビジネス・経営 ウェブ制作
✍キーワード:dream jQuery Web サイト ソフト
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● youyan73
●27ポイント

参考サイトは、javascriptで行っていますが、スタイルシートを切り替えることで簡単にできますよ。

http://q.hatena.ne.jp/


2 ● mad_papa
●27ポイント

文字サイズ変更だけにjavaを組むことも以前はありましたが、今はjquery、prototypeを利用して実装するのが一般的な状況ですね。

「fontchanger.js」で検索されると色々と出てきますよ。

http://www.google.co.jp/search?hl=ja&safe=off&client=firefox-a&h...

◎質問者からの返答

一般的な事情を教えて頂き有難う御座います!


3 ● rouge_2008
●26ポイント

数年前からプラグインを配布しているサイトや、実装方法を紹介しているサイトがあるみたいですね。

http://www.moco-moco.com/archives/2008/04/but.php

http://az-store.nrym.org/download/extend/jquery-fontsize-switche...

http://www.moco-moco.com/archives/2008/04/post-1.php

※IE7で気になる動作がある為、最終的に以下を使用する事にしたようです。

http://www.alistapart.com/articles/alternate/

http://coliss.com/articles/build-websites/operation/javascript/2...

http://www.fluidbyte.net/jquery-font-sizer

http://www.skuare.net/2009/09/javascriptjquery_text_resizer.html

http://angstrey.com/index.php/projects/jquery-text-resizer-plugi...

http://phpspot.org/blog/archives/2010/02/jqueryfontscale.html

http://www.marcup.nl/projects/fontscaler/

http://h2ham.seesaa.net/article/150513682.html


探せばまだ他にもあると思います。

書籍ですが、次の本でも解説されています。

JavaScript & Ajax プロが教える“本当の使い方”

JavaScript & Ajax プロが教える“本当の使い方”

  • 作者: MdN編集部
  • 出版社/メーカー: MdN
  • メディア: 単行本

http://www.mdn.co.jp/di/book/6059/

http://www.mdn.co.jp/Books/tatiyomi/6059/118-119.pdf

※一部だけですが、読むことが出来ます。(ボタンの切り替え表示、JavaScriptオフの時はボタンを非表示にする機能等も実装しているようです。)

◎質問者からの返答

書籍やURLなどご丁寧に教えて頂き、大変有難う御座います!

jqueryに関してかなり興味を持ったので、書籍を買って体系的に覚えてみる事にしました!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ