//グローバルナビゲーションなどに利用する
//<a href="" class="fadebtn"></a>でimgを表示すると0.7に透過し、hoverすると1に、mouseoutすると0.7に戻る
//fadebtn_stopを入れるとmouseが乗っているときだけエフェクト。
$(function(){
    $('.fadebtn_stop img').css({"opacity":1});
    $('.fadebtn_stop img').hover(
        function() {
            $(this).stop().animate({"opacity":1});
        },
        function() {
            $(this).stop().animate({"opacity":1});
        }
    );
});


$(function(){
    $('.fadebtn img').css({"opacity":0.7});
    $('.fadebtn img').hover(
        function() {
            $(this).animate({"opacity":1});
        },
        function() {
            $(this).animate({"opacity":0.7});
        }
    );
});
//ここまで

//イメージをhoverでクロスフェードさせるときにつかう。
//divで同じサイズの画像をposition: absolute;で配置し重ねておく。
$(function() {
var hoge1 = $("#nav1");
var fuga1 = $("#nav1_ov");

hoge1.css({ opacity: 0.7 });
fuga1.hide();

hoge1.mouseover(function() {
hoge1.animate({ opacity: 0 });
fuga1.fadeIn();
});

fuga1.mouseout(function() {
hoge1.animate({ opacity: 0.7 });
fuga1.fadeOut(); 
});
})