02.06.2013 Views

jQuery 1.4 Animation Techniques - Index of

jQuery 1.4 Animation Techniques - Index of

jQuery 1.4 Animation Techniques - Index of

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Time for action – creating a slide-down login form<br />

[ 75 ]<br />

Chapter 4<br />

In this example we'll see how easy it is to implement a login form that slides open when a<br />

link is clicked. It's common practice to include a login link at the top <strong>of</strong> a page, but usually<br />

the whole login form isn't shown. Instead, clicking the link will reveal an inline form that is<br />

hidden by default. The following screenshot shows how the page will appear with the login<br />

form open:<br />

1. To begin with, add the following code to the <strong>of</strong> our template file:<br />

<br />

<br />

Already registered?<br />

<br />

Login<br />

<br />

<br />

Login Form<br />

Username:<br />

Password:<br />

Remember<br />

me:<br />

Login<br />

<br />

<br />

<br />

<br />

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!