Simply place the following code anywhere inside the <head> tag of your webpage:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jshake-1.0.min.js"></script>
<script type="text/javascript">

HTML code

<form action="" method="post">
<table border="0" cellpadding="100px" cellspacing="0" width="100%">
<tr><td align="center">
<table border="0" cellpadding="5" cellspacing="0" width="300px" id="login">
<tr><th colspan="2">Login Form</th></tr>
<tr><td colspan="2">Username:</td></tr>
<tr><td colspan="2"><input type="text" name="txtusername" /></td></tr>
<tr><td colspan="2">Password:</td></tr>
<tr><td colspan="2"><input type="password" name="txtpassword" /></td></tr>
<tr><td width="150px"><input type="checkbox" name="chkremember" /><span id="remember"> Remember Me</span></td><td style="text-align: right;"><input type="submit" id="txt" value="Login"></td></tr>

Advanced Options

  • speed
  • margin
  • onComplete
  • onStart

For Example:

speed: 100, //defualt speed 100
margin: 500 //default margin 20


onComplete and onStart   New

speed: 500,
margin: 20,
onComplete: 'myFunction()',
onStart: 'startFunction()'
function myFunction(){
function startFunction(){

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s