jQuery UI Dialog - Animation

<script></script>
<script></script>

<script>
$(function() {
$( "#dialog, #dialog2, #dialog3" ).dialog({
autoOpen: false,
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "explode",
duration: 1000
}
});
$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "open" );
});
$( "#opener2" ).click(function() {
$( "#dialog2" ).dialog( "open" );
});
$( "#opener3" ).click(function() {
$( "#dialog3" ).dialog( "open" );
});
});
</script>



This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.





This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.





This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.








Bu şekilde yaparsanız olacağını düşünüyorum.