Změna CSS vlastností navázaná na mouse event v jQuery*

function hlaska(styl){
    $(document).ready(function(){
        var barva;
        if (styl == 1){barva = '#B3FDBA';}
        else{if(styl == 3){barva = '#FD8482';}
        else {barva = '#ffffff';}}
        $("body").animate({backgroundColor: barva},1000);

        $("#skryjhlasku-" + styl).mouseover(function(){

            $(".hlaska-" + styl).animate({opacity: 0.25},50);
            $(".hlaska-" + styl).prop("title", "Zavřít upozornění");
            $("body").animate({backgroundColor: '#ffffff'},200);
        });
        $("#skryjhlasku-" + styl).mouseout(function(){

            $(".hlaska-" + styl).animate({opacity: 1},50);
            $("body").animate({backgroundColor: barva},200);
        });
        $("#skryjhlasku-" + styl).click(function(){
            $(".hlaska-" + styl).fadeOut(200);
            $("body").animate({backgroundColor: '#ffffff'},200);
        });

    });