緩くjQuery（１０月２日）

Web制作の現場で使う jQueryデザイン入門 (WEB PROFESSIONAL)

214Pまできた。この本分かりやすいなー。説明が丁寧。

jQueryを使って、画像変換とツールチップを軽く作ってみました。 http://senahate.com/jqsample/yomeno.html

そして、そのソース。

    $(function(){
         $("#first").text("夜と歌").css("font-size","30px");
	 });
    $(function(){
	 $("h1").css("color","#ffbfdf");
    });
    $(function(){
         $("img").mouseover(function(){
	     $(this).attr("src","sample.gif");
	     $("h1").css("color","#ffbfdf").css("font-size","50px");
	 });
	 $("img").mouseout(function(){
	      $(this).attr("src","sea.gif");
	      $("h1").css("color","#000000").css("font-size","30px");
	 });
    });
    $(function(){
    $("span.tooltip").css({
        opacity:"0.9",
	position:"absolute",
	display:"none"
    });
    $("a").mouseover(function(){
        $("span.tooltip").fadeIn();
    }).mouseout(function(){
        $("span.tooltip").fadeOut();
    }).mousemove(function(){
        $("span:tooltip").css({
            "top":e.pageY+10+"px",
	    "left":e.pageX+10+"px"
	});
    });
});

ソース短縮できそうな気がする。明日やろう。

しかし、ソース読めてきたな。多分だけど、一つ一つ簡単な処理の組み合わせなんかな、プログラミングって。そうなんじゃないかな。

まあ、明日やろう。