Skip to content

Instantly share code, notes, and snippets.

@masuhajime
Created April 11, 2015 08:08
Show Gist options
  • Select an option

  • Save masuhajime/756cd6918a1f735dfd4e to your computer and use it in GitHub Desktop.

Select an option

Save masuhajime/756cd6918a1f735dfd4e to your computer and use it in GitHub Desktop.

Revisions

  1. masuhajime created this gist Apr 11, 2015.
    34 changes: 34 additions & 0 deletions gistfile1.txt
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,34 @@
    <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
    <script type="text/javascript">
    function rotate(){
    $('#catch1').fadeIn(500, function() {
    $(this).fadeOut(500, function() {
    $('#catch2').fadeIn(500, function() {
    $(this).fadeOut(500, function() {
    $('#catch3').fadeIn(500, function() {
    $(this).fadeOut(500, function() {
    $('#catch4').fadeIn(500, function() {
    $(this).fadeOut(500, function() {
    rotate();
    });
    });
    });
    });
    });
    });
    });
    });
    }
    $(function(){
    rotate();
    })
    </script>
    <style type="text/css">
    p{
    display:none;
    }
    </style>
    <p id="catch1">catch1</p>
    <p id="catch2">catch2</p>
    <p id="catch3">catch3</p>
    <p id="catch4">catch4</p>