WISS inc.

フェードイン

dijit. 簡単なエフェクト、DIVブロックのフェードイン

<div class="tundra">
<button dojoType="dijit.form.Button" id="out">
  <span>ふぇーどあうと</span>
  <script type="dojo/method" event="onClick">
    dojo.fadeOut({node:"targetDiv",duration:1000}).play();
  </script>
</button> 
<button dojoType="dijit.form.Button" id="in">
  <span>ふぇーどいん</span>
  <script type="dojo/method" event="onClick">
    dojo.fadeIn({node:"targetDiv",duration:1000}).play();
  </script>
</button> 

<style>
.box{
  margin:5px; padding:5px;
  background-color: #ccc;
  color: #000;
}
</style>
<div id="targetDiv" class="box">
  DojoはフルスタックのJavascriptフレームワークです。
  すべてがオールインワンなのでサイト全体で
  一貫して利用する事ができます。
</div>
</div>