Animated window display : Animation « Ext JS « JavaScript DHTML






  1. JavaScript DHTML
  2. Ext JS
  3. Animation

Animated window display

  

<html>
<head>
<title>Hello World Window</title>
<link rel="stylesheet" type="text/css" href="ext-3.0.0/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-3.0.0/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext-3.0.0/ext-all.js"></script>
</head>
<script type="text/javascript">



Ext.onReady(function(){
  
    var w = new Ext.Window({
      height: 500,
      width: 500
    });
    w.show('animTarget', function() { alert('alert'); }, this);
});

</script>
<body>
    <div id="animTarget">
    </div>
</body>
</html>








Related examples in the same category

1.Animation: Move Div tag to a new position
2.Hide panel with slidein
3.Fade out block and inline tags
4.Fadein block and inline tags
5.Block and inline frame animation
6.Fly away ghost
7.Scale animation
8.Slide out animation
9.Slide in animation
10.Switchoff Animation
11.Highlight block and inline tags
12.Puff inline and block tags
13.Shift a tag