add effects and animation for jquery message box

See more:

ASP.NET

CSS

jQuery

animation

heyy..

I am using a jquery message box in the source code .I want this to be animated and add effects to it.. Any solution ....??

here is my Message Box js :-

function MessageBox(Messgae,FocusingControl) {
 $("#modal_dialog").text(Messgae);

    $("#modal_dialog").dialog({
        title: 'Eastern',
        position: 'center',
        open: function(event, ui) { $(".ui-dialog-titlebar-close").hide(); },
        closeOnEscape: false,
        buttons: {
            Close: function() {
            //$('#equipementIDN_direct').focus();
                $(this).dialog('close');
              if(FocusingControl!='')
              {
                 FocusingControl.focus();
                 }

          }

        },
        modal: true

    });


}

Above code is my message box js


I use this message box in below code -

function ValidateTelephoneNumber() {

        var a = $("input[attr-identity=txtPhoneNo]").val();
        if (a.charAt(0) == "0") {
            if (a.charAt(1) == "0") {
                if (a.charAt(2) == "0") {
                    MessageBox("Given Phone number format is not correct", $("input[attr-identity=txtPhoneNo]"));
                    $("input[attr-identity=txtPhoneNo]").val('');
                }
            }
        }


    }

How we can apply effects and animations to ir??