Project 0884 Tech Memo

jQueryのコードサンプル

11:21 PM on 2011年6月15日 JavaScript, jQuery

$(document).ready(function(){
    $('#main').css({opacity:0}).animate({opacity:1},1000);
    $('a').click(function(){
        var url = $(this).attr("href");
            $('#main').animate({"opacity":0},500,"linear",function(){
                location.href = url;
            });
        return false;
    });
    $('.className').each(function(){
        $(this).css({opacity:"1.0"});
    });
    $('.className').hover(
        function(){
            $(this).fadeTo('fast',0.4);
        },
        function(){
            $(this).fadeTo('fast',1.0);
        }
    );
    $('.className').click(function(){
        $(this).css({opacity:"0.4"});
    });
});