JavaScript
Article

Fancy Sliding Form Animated with jQuery

By Sam Deering

I found a pretty cool sliding form using jQuery. It’s easily installed into your webpage with some jQuery and CSS. The HTML structure for the form is based like this:

  • for the main form wrap
  • sets the form title for each page
  • for each page content on the form
  • for each input field container within the page content

fancy-sliding-form-jquery

See live demo Download

Source: http://tympanus.net/codrops/2010/06/07/fancy-sliding-form-with-jquery/

  • krishna

    in ie6 not working properyl

  • Ami Net

    How do i add a next and prev button to this fancy form
    slider

  • Femstar

    Pages don’t fit in window for IE 11. How can this be fixed?

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in JavaScript, once a week, for free.