morr.github.com

Demo page for jquery.appear plugin

Scroll or resize this page

$(function() {
  var $appeared = $('#appeared');
  var $disappeared = $('#disappeared');

  $('section h3').appear();
  $('#force').on('click', function() {
    $.force_appear();
  });

  $(document.body).on('appear', 'section h3', function(e, $affected) {
    // this code is executed for each appeared element
    $(this).yellowFade();

    $appeared.empty();
    $affected.each(function() {
      $appeared.append(this.innerHTML+"\n");
    })
  });

  $(document.body).on('disappear', 'section h3', function(e, $affected) {
    // this code is executed for each disappeared element
    $disappeared.empty();
    $affected.each(function() {
      $disappeared.append(this.innerHTML+"\n");
    })
  });
});

If you're using the GitHub for Mac, simply sync your repository and you'll see the new branch.

Designer Templates

We've crafted some handsome templates for you to use. Go ahead and continue to layouts to browse through them. You can easily go back to edit your page before publishing. After publishing your page, you can revisit the page generator and switch to another theme. Your Page content will be preserved if it remained markdown format.

Rather Drive Stick?

If you prefer to not use the automatic generator, push a branch named gh-pages to your repository to create a page manually. In addition to supporting regular HTML content, GitHub Pages support Jekyll, a simple, blog aware static site generator written by our own Tom Preston-Werner. Jekyll makes it easy to create site-wide headers and footers without having to copy them across every page. It also offers intelligent blog support and other advanced templating features.

Authors and Contributors

You can @mention a GitHub username to generate a link to their profile. The resulting <a> element will link to the contributor's GitHub Profile. For example: In 2007, Chris Wanstrath (@defunkt), PJ Hyett (@pjhyett), and Tom Preston-Werner (@mojombo) founded GitHub.

Support or Contact

Having trouble with Pages? Check out the documentation at http://help.github.com/pages or contact support@github.com and we’ll help you sort it out.

Included scripts

http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js
https://raw.github.com/jquery/jquery-color/master/jquery.color.js
https://raw.github.com/morr/jquery.yellowFade/master/jquery.yellow_fade.js
https://raw.github.com/morr/jquery.appear/master/jquery.appear.js
http://morr.github.com/javascripts/appear.demo.js