Thursday, April 10, 2014

Sembunyi & Menampilkan Foto Menggunakan JQuery

8:09 PM  Unknown  No comments


  • Sembunyi & Menampilkan Foto Menggunakan JQuery
Source Code  :
<html>
  <head>
  <script type="text/javascript" src="jquery-1.4.js"></script>
  <script type="text/javascript">
    $(document).ready(function(){
      $(".sembunyi").click(function(){
        $("#foto").hide("slow");
      });
      $(".tampil").click(function(){
        $("#foto").show("normal");
      });
    });
  </script>
  </head>
  <body>
  <button class="sembunyi">Sembunyikan</button>
  <button class="tampil">Tampilkan</button>
  <p><img id="foto" src="jaka.jpg" /></p>
  </body>
</html>

Output  :

Posted in:

0 comments:

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))

Post a Comment