このページをスマホで見た時に文字サイズ変更がスライド式になって変更できます。
自分のサイトにもこれを導入したいのですがどうすればいいのでしょうか?
jqueryでしょうか?
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
コメント(0件)