フォントサイズを変える「大・中・小」ボタンを実装する方法
知り合いのデザイナーさんに、「大・中・小」のボタンでフォントサイズを変更する方法ってどうやるのですか？という質問をいただきました。 CSSとJavaScript（場合によってはJSのみ）で簡単にできてしまうので、サンプルをご紹介しておきます。 フォントサイズを変える「大・中・小」ボタン実装 jQueryを使ってフォントサイズを変える「大・中・小」ボタンをサクサクっと実装してみようと思います。 まずは仕様を考えてみましょう。 仕様 ・大・中・小のボタンをクリックするとフォントサイズが変更される ・それぞれのボタンにIDをセットしておき、そのID名をもとにclassをセット ・CSSにあらかじめ各class用のフォントサイズを入れておく ・再度訪れたとき、クッキー情報があればそのサイズ、なければ中サイズを。 スタイルシートごと変更する方法もあるのですが、今回はCSSとclassでセットで対応し
jQueryを使い要素の出てくる順に番号をつける方法（forの代わりにeach()を使う繰り返し）
今回、「jQuery Sequential List - Web Designer Wall」をみて、 eachがforと同じ動きをしているのを知った。 関数の中で数字の加算をしたら繰り返しのたびに増える… まさにforの動きなのですが、なぜかこの発想、自分の中になくて なんでこんなことに気づかなかったんだ～って なぜかショックを受けております。 ということで、いつものように試しにメモエントリーしておきます。 今回の簡単仕組み説明 今回使おうとしているのは、jQueryのeach これはよく使うのですが、これがforのかわりになるなんて なぜか思いつかなかった自分…(汗) 発想とかって、やっぱり必要なんだなって実感しております。 ulのliに適応させてみる まずはシンプルにリストに適応させてみます。 ■スクリプト $("#testList li").each(function (i) {
jQuery：何度も画像の読み込みをしないロールオーバー
jQueryのロールオーバーもたくさん出ていますが、 多くで使われているのは、画像のsrcを変化させるものだと思います。 例えばyuga.jsでのロールオーバーもsrcを変化させるものだ。 僕もそのスクリプトをを今まで使っていたが、 それだとIE6などでは何度も画像をダウンロードしにいってしまう。 また、場合によっては他のブラウザでもちらつきなどが起きる場合もある。 特に問題はないのだけど、気になる人もいるという話を聞いて、 ちらつきが起きなかったり、何度も読みに行かないようにするスクリプトを 考えて作ってみることにした。 ロールオーバーサンプル ◆スクリプト $(function(){ $('.over').each(function(){ //srcセット rolloverSrc = $(this).attr('src').replace(/(\.gif|\.jpg|\.png)$/,
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
