Fly away ghost : Animation « Ext JS « JavaScript DHTML






Fly away ghost

  

<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(){
  
    Ext.get('block').ghost();
    Ext.get('inline').ghost('tr');
});

</script>
<body>
  <div id="container">  
    <div id="block">
      <p>I Am A Block Element</p>
    </div>
    <span id="inline">I Am An Inline Element</span>
  </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.Scale animation
7.Slide out animation
8.Slide in animation
9.Switchoff Animation
10.Animated window display
11.Highlight block and inline tags
12.Puff inline and block tags
13.Shift a tag