★jQuery popup

window.openタイプのポップアップウィンドウ。
↓↓↓
a要素にclass名を振り、
jQueryで、ウィンドウサイズ等を設定する。

-HTML-
<a href="リンク先.html" class="popup">リンクテキスト</a>

-jQuery-
$(function () {
　$(".popup").click(function () {
　　window.open(this.href, "WindowName", "width=600,height=400,resizable=no,scrollbars=no");
　　return false;
　});
});

※a要素にclickイベントを設定する場合は、
最後にreturn false;とし、a要素のリンクを無効にする。

★jQuery Cycle

img画像のクロスフェード切替え。
ラスト画像でストップ。
↓↓↓
jquery.cycle.jsをDLし、設置。
切替表示させたい画像を<div>要素内に設置し、
ID（orクラス）を振る。以下のように設置する。

-HTML-
<head>
<script type="text/javascript" src="js/jquery.cycle.js"></script>
<script type="text/javascript">
$(function () {
　$('#fader').cycle({
　　fx:'fade',
　　timeout:3500,
　　speed:1800,
　　autostop:true,
　　delay:-500
　});
});　
</script>
</head>

<body>
<div id="fader">
　<img src="img/img1.jpg" alt="" />
　<img src="img/img2.jpg" alt="" />
　<img src="img/img3.jpg" alt="" />
　<img src="img/img4.jpg" alt="" />
　<img src="img/img5.jpg" alt="" />
</div>
</body>

※オプション設定
fx： fade　効果（デフォルト：fade）
timeout： 3500　スライド切替え間隔（デフォルト：4000=4秒）
speed： 1800　効果のスピード（デフォルト：1000=1秒）
autostop： true　最後のスライドで停止（デフォルト：false）
delay： -500　最初の効果までの待ち時間（デフォルト：0）

※参考： jQuery Cycle Plugin
http://malsup.com/jquery/cycle/

★jQuery flatHeight

boxの高さを揃える。
↓↓↓
jquery.flatheights.jsをDLし、設置。
高さを揃えたいboxにID（orクラス）を振り、
以下のように設置する。

-HTML-
<head>
<script type="text/javascript" src="js/jquery.flatheight.js"></script>
<script type="text/javascript">
$(function () {
　$('#box1, #box2').flatHeights();
});
</script>
</head>

<body>
<div id="box1"></div>
<div id="box2"></div>
</body>

※参考： jquery.flatheights.js
http://www.akatsukinishisu.net/itazuragaki/js/i20070801.html

★jQuery stripe ｔable

CSS3セレクタでストライプテーブルの作成。
↓↓↓
nth-child() 疑似クラス
・奇数番目： nth-child(odd) = nth-child(2n+1)
・偶数番目： nth-child(even) = nth-child(2n)

＜横ストライプ（奇数）＞
-jQuery-
$(function () {
$("tr:nth-child(odd)").addClass("odd");
});

-CSS-
.odd{
background:#eee;
}

※jQueryでCSSの設定も可能
$(function () {
$("tr:nth-child(odd)").css("background", "#eee");
})

通常、デザイン部分はCSSで。