Reference Document: JQuery extension for jitter effects
Background: In the project, the login page verifies that the user name and password match and if it does not match, the jitter input box prompts the user to enter an error.
Write the following code into the JS file:
1JQuery.fn.shake = function (intshakes/*Amount of Shakes*/, intdistance/*Shake Distance*/, intduration/*Time Duration*/) {2 This. each (function () {3 varJqnode = $ ( This);4Jqnode.css ({position:'relative' });5 for(varx =1; x <= intshakes; X + +) {6Jqnode.animate ({left: (intdistance *-1)}, ((Intduration/intshakes)/4)))7. Animate ({left:intdistance}, ((Intduration/intshakes)/2))8. Animate ({left:0}, (((intduration/intshakes)/4)));9 }Ten }); One return This; A}
The above JS files and jquery files are introduced in the View Code as follows:
1<script src="~/scripts/jquery-1.8.2.js"></script>2<script src="~/scripts/shakeyou.js"></script>3<script>4 $ (function () {5$('#btn1'). Click (function () {6$( This). Shake (2,Ten, -);7 });8 });9</script>
The effect of the above code is: When you click Btn, self-jitter.
jquery for jitter Effects