jQueryの履歴

要チェック

後で読む

覚えた関数

trとかdivとかリンクじゃないやつもマウスオーバー反転させられる

<script>
    var hoge = 0;
    $("table.hoge tr").mouseover(function(){
			$(this).addClass("active");
    }).mouseout(function(){
			$(this).removeClass("active");
    });
</script>

書き方

document.getElementById("hoge");

$('#hoge')
と一緒なので

document.getElementById("hoge").innerHTML = fuga;

$('#hoge').html(fuga);

だし、

document.getElementById("hoge").style.background = "#fff";

$('#hoge').css("background" , "#fff");

となる

勉強サイト

プラグイン






http://www.atmarkit.co.jp/fwcr/rensai2/jquery01/01.html

http://semooh.jp/jquery/
http://d.hatena.ne.jp/cyokodog/20081016/jquerylinks01

かなり使えるものばかりな感じですね。

» スライドタブボックス
» Appleのサイトで使われているようなメニュー
» 画像をズーム
» 画像の上にスライドするキャプション
» メニューの背景にスライドする画像
» タブで画像を切り替える
» メニューにフェード効果
» アコーディオンメニュー
» タブによるコンテンツ切り替え
» タブメニュー

http://blog.creamu.com/mt/2009/04/jquerytop10.html

jQueryが使われているサイト集

http://jquerystyle.com/

jQueryプラグイン

デザインに関する記事