jQueryを使って、selectタグで選択された値によってリンク先を変更する方法

下記のようにselectタグで選択された値(value)によって リンク先を変更したい場合、 ヤフーグーグル ジャンプ jQueryの方は下記のように、 <script type=”text/javascript” […]

10月 14, 2011 | No Comments

jQueryでスクロールに追従する要素を設置する方法

<head>内に下記のように書くだけでOK! <script type=”text/javascript”> $(function() { var offset = $(& […]

9月 7, 2011 | No Comments

A Simple jQuery Slideshow

A Simple jQuery Slideshowは、シンプルなjQuery用のスライドショーのプラグイン。 iPhone等のスマートフォンでも動くようで、BSDライセンスというので配布されています。 使い方 1. 下記 […]

9月 4, 2011 | No Comments

table内で1行ずつ交互に背景色を変えたい

table内で、1行毎に背景色を変えたい場合、trにいちいちclass名を付けていくのは面倒なもの。 そんな時に見つけたyuga.js(MITライセンス)というスグレモノ。 使い方 使い方も簡単で、jQueryとyuga […]

8月 23, 2011 | No Comments

スマートフォン(iPhone,Android,iPad)をjQueryで簡単に判別する方法

下記のように書くと、各スマートフォン別にCSSを適用することが出来ます。 (「display:block;」とか「display:none;」とか) userAgentの名前を指定すれば良いので、CSSハックより見た目で […]

8月 19, 2011 | No Comments

変わったエフェクトをかけてスライドショーが出来る『AviaSlider』

12ドルするjQueryのスライドショープラグイン。 綺麗な動きだったので、有料だけど買ってしまいました。 Avia Slider

8月 18, 2011 | No Comments

aタグにrel=”nofollow”を挿入する

jQueryで「.click」にクリック時に「rel=”nofollow”」を挿入する場合は、下記のような感じ。 (クリック時にnofollowを入れることに意味があるかは不明。。) $(docu […]

4月 24, 2011 | No Comments

jQueryでリンクを別ウインドウで開く方法

例えばフッターにあるリンクを別ウィンドウで開く場合は下記のような感じ。 $(document).ready(function(){ $(‘#footer a’).click(function(){ window.open […]

4月 23, 2011 | No Comments