Ext のフェードイン & フェードアウト
Ext.ElementのfadeIn()、fadeOut()を呼び出せば、そのままフェードイン・フェードアウトしてくれる。
<html> <head> <script type="text/javascript" src="ext-2.0/adapter/ext/ext-base.js"></script> <script type="text/javascript" src="ext-2.0/ext-all.js"></script> <script type="text/javascript"> function fade_out() { Ext.get('div1').fadeOut(); } function fade_in() { Ext.get('div1').fadeIn(); } </script> <link rel="stylesheet" type="text/css" href="ext-2.0/resources/css/ext-all.css" /> <style type="text/css"> div#div1 { position: absolute; left: 100px; top: 100px; width: 200px; height: 100px; background-color: blue; visibility: 'hidden'; } </style> </head> <body> <button onclick="fade_out()">Fade Out</button> <br> <button onclick="fade_in()">Fade In</button> <div id="div1"> <br> </div> </body> </html>
