Documentation

Instructions

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">
$(document).ready(function(){
$('#login').jshake();
});
</script>

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>
</table>
</td></tr>
</table>
</form>

Advanced Options

  • speed
  • margin
  • onComplete
  • onStart

For Example:


$('#login').jshake({
speed: 100, //defualt speed 100
margin: 500 //default margin 20
});

Callbacks

onComplete and onStart   New


$(document).ready(function(){
$('#login').jshake({
speed: 500,
margin: 20,
onComplete: 'myFunction()',
onStart: 'startFunction()'
});
});
function myFunction(){
....
....
}
function startFunction(){
....
....
}
Advertisements

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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 )

Google+ photo

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

Connecting to %s