Warning: include_once(): http:// wrapper is disabled in the server configuration by allow_url_include=0 in /home/users/2/moriya-h5/web/confrage/ajax/async/fadein_fadeout/fadein_fadeout.html on line 2

Warning: include_once(http://www.confrage.com/bin/header.php): failed to open stream: no suitable wrapper could be found in /home/users/2/moriya-h5/web/confrage/ajax/async/fadein_fadeout/fadein_fadeout.html on line 2

Warning: include_once(): Failed opening 'http://www.confrage.com/bin/header.php' for inclusion (include_path='.:/usr/local/php/5.6/lib/php') in /home/users/2/moriya-h5/web/confrage/ajax/async/fadein_fadeout/fadein_fadeout.html on line 2
フェードイン・フェードアウト

Warning: include_once(/home/sites/heteml/users/m/o/r/moriya-h5/web/confrage/bin/menu.php): failed to open stream: No such file or directory in /home/users/2/moriya-h5/web/confrage/ajax/async/fadein_fadeout/fadein_fadeout.html on line 47

Warning: include_once(): Failed opening '/home/sites/heteml/users/m/o/r/moriya-h5/web/confrage/bin/menu.php' for inclusion (include_path='.:/usr/local/php/5.6/lib/php') in /home/users/2/moriya-h5/web/confrage/ajax/async/fadein_fadeout/fadein_fadeout.html on line 47
 
トップページ >  Ajax >  フェードイン・フェードアウト
初版2009/08/11: 最終更新日2009/08/11
フェードイン・フェードアウト
目次
フェードイン・フェードアウト
フェードイン・フェードアウト

fadeIn(), fadeOut()を使うと、要素の透明度を連続的に変化させながら、フェードイン・フェードアウトのアニメーションを実現することが出来ます。

      $("#fadein").click(function(){
          $(".fade:hidden:first").fadeIn("slow");
      });
      $("#fadeout").click(function(){
          $(".fade:visible:last").fadeOut("slow");
      });
    
red
green

Warning: include_once(/home/sites/heteml/users/m/o/r/moriya-h5/web/confrage/bin/side_bar.php): failed to open stream: No such file or directory in /home/users/2/moriya-h5/web/confrage/ajax/async/fadein_fadeout/fadein_fadeout.html on line 111

Warning: include_once(): Failed opening '/home/sites/heteml/users/m/o/r/moriya-h5/web/confrage/bin/side_bar.php' for inclusion (include_path='.:/usr/local/php/5.6/lib/php') in /home/users/2/moriya-h5/web/confrage/ajax/async/fadein_fadeout/fadein_fadeout.html on line 111