http://www3.nhk.or.jp/news/html/20140520/k10014570351000.html

このページをスマホで見た時に文字サイズ変更がスライド式になって変更できます。
自分のサイトにもこれを導入したいのですがどうすればいいのでしょうか?
jqueryでしょうか?

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2014/05/20 13:44:44
  • 終了:2014/05/27 13:45:04

回答(1件)

id:u_7cc No.1

7cc回答回数32ベストアンサー獲得回数142014/05/22 13:45:47

ポイント200pt

JavaScriptのみでも可能です。手順は以下の通りです。

1. スライダーを作る
2. スライダーの操作で文字サイズを変える

簡単な動作例 http://jsfiddle.net/4cs5Q/1/

1. スライダーを<input type="range">で作る
2. スライドしたときの位置をe.target.valueで受け取る
3. 2の値に応じてelement.style.fontSize = "Xpx"でフォントサイズを変える

少し前のブラウザもサポートするならこの記事を参考にしてください。
第23回 JavaScriptによるUIの実装:スライダー:これでできる! クロスブラウザJavaScript入門|gihyo.jp … 技術評論社

上の記事がよくわからなければ、あるいは既にサイトでjQueryが使われている場合は、jQuery UIを使う方が楽だと思います。Slider | jQuery UI

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

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

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

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

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