【jQuery】重複しない複数の要素をランダムに表示する方法。（jQuery編）
例えば「1」〜「10」までの要素の中から３つだけランダムに抽出して表示させたい場合があります。 この際、抽出した要素が重複することなく、さらに順番も含めてランダムに表示させるにはどうしたらいいでしょうか？ 今日は、そんなときに重宝する便利な jQuery のテクニックを紹介します。 リストはもちろん、画像やブロック要素など、ほぼどんな形式にも対応できるので様々な場面で活用できると思います。 まずは jquery.randomdisplay.js と名付けた、以下の内容の javascript ファイルを用意します。 jQuery(function($) { $.fn.extend({ randomdisplay : function(num) { return this.each(function() { var chn = $(this).children().hide().length
リンクのクリック領域をブロック全体に広げるスクリプト
以前にも、２回程エントリーをだしていたのですが、年末になって、この『リンクのクリック領域をブロック全体にするスクリプト』へのアクセスがちょっと増えていましたので、改めて再度まとめてみようかと思います。 jQuery：リンクのクリック領域をブロック全体にする簡単なスクリプト リンクのクリック領域をブロック全体にするとは？ どういうケースかというと、商品の一覧で、画像をクリックしても、画像下の説明テキストをクリックしても、ひとつのブロック内であれば全体をひとつのリンクとしたい！というような場合に利用します。 HTMLで簡単につくろうとしたら、aタグをブロック全体に付けたらいいのですが、うまく全体にならなかったり、動作がおかしくなったり、なによりマークアップ的にいいのかな？なんて思ったりもするので、あまり利用はしないと思います。ですが、JavaScriptを使えば簡単にこれが実装できるのです！
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
