here i have some collection of that effects , hope u like it
1. Jquery Shake
$("div").click(function () {
$(this).effect("shake", { times:3 }, 300); //specify the effect with how much time u want to shake Effects
});
2.Right side Shake
#shaker { position:fixed; top:10px; right:10px; width:299px; height:253px; display:none; }
define your shake box according to your location.
3.Buzzing Login form
<script type="text/javascript" src="jquery-1.3.2.min.js" > </script>
<script type="text/javascript" src="vibrate.js" > </script>
add this js on your application . view Source
4. Shaking Menu Options
with this coole Effects
1. OthersFade()
2. OthersJump()
3. OthersBlink()
4. OthersRollUp()
5. OthersRollDown()
6. OthersVibrate()
5.Flash ShakingEffects
6.basiceffects
hope you like it .
if you know more plz add on comments
how can i get the vibrate.js
ReplyDeletesend me u r mail id i will send u that .
ReplyDeleteGet more jquery scripts or learn Jquery Tutorial with simple examples on hscripts.com.
ReplyDeleteThe simple one if you try it,
ReplyDelete$("div").click(function () {
$(this).effect("shake", { times:3 }, 300);
});
only need to add the effect method on your post
just try adding the time interval and the time till what you want to make the shaking
Hi Kiran,
ReplyDeleteCan yu pls send the code....praveensn0088@gmail.com...thanks in advance
Hi praveen ,
Deletei have send you sample application with shake effect, you can even look at the below demo there are multiple effects are given on it,
http://jqueryui.com/demos/show/default.html
you will find Blind,Bounce,Pulsate,Scale,Size,Shake,Slide,Fold Effects.
let me know if you have any query or any help on it.
good example, kiran can you put some demo so or example so we can undustand better.
ReplyDeletethank you again,
markwilson
Thank you mark, hope it will help you :)
Deletethx again for posting reply.
can we add the setInterval method and add the parameter to it
ReplyDeletelike this way setInterval(periodical, 5000);.
does this set the time interval and autoshake?
thank you :)
if we want to stop the shake effect, is there any method or function available or do we need to code accordingly?
DeleteHi Michael,
DeleteThanks for writing, if you want to stop the shake effect you can simaple add this line on the script
to stop you need to send the two argements jumpToEnd:true and clearQueue:true into stop().
yeap, it works for me. Thank You.
DeleteIs there any oher way where i can find the entire section or div will continue in shake effect and whenver user move the mouse it will stop and redirect to specific page.
cool, your examples works for me.
ReplyDeletei really appriciate your work, thank you again.
good example, thank you for sharing.
ReplyDeleteKiran, i have one question here. can i able to make shake effect such a way that where i can have effect after that i can change the place of that effect anywhere on page.
ReplyDeletedoes this possible?
http://jqueryshaker.wordpress.com/
Deletesomething similar and easy to implement
HI Rohan,
Deleteyes you can do that, only you need to first try to get the page location using java script and try calling your effect on that location.
just be on update with this post , i will upload your code very soon or do send me your mail id, so i will send you the mock example.
GOOD ARTICLE, IT SAVE MY TIME :)
ReplyDeleteIs their a way to stop the shaker after page load or after the page processing finish
ReplyDeletethank you @Jiten.
ReplyDelete@David- yes you can do that, after page load in ready function put this line and assign the interval to zero(0)
$(this).effect("shake", { times:3 }, 0);