JQueryShake < System

---+ %TOPIC%
%JQPLUGINS{"shake"
  format="
    Homepage: $homepage <br />
    Author(s): $author <br />
    Version: $version
  "
}%

%STARTSECTION{"summary"}%
<div class="foswikiWarningMessage">
Warning: This plugin is deprecated. The shake effect is now part of the latest JQueryUI. So use 

<verbatim class="js">
jQuery("#id").effect("shake", {times: 3}, 100);
</verbatim>

instead.
</div>
jQuery plugin to emulate &#8220;shake&#8221; on login failure in OSX login box.
%ENDSECTION{"summary"}%

---++ Usage

Call =$("&lt;selector>").shake(shakes, distance, duration)= to shake the selected elements.

Options:

   * shake: amount of shakes
   * distance: shake distance
   * duration: duration of the effect

---++ Examples
%JQREQUIRE{"shake"}%
%BUTTON{"Shake it, baby" icon="bomb" onclick="jQuery('#lorem').shake(3, 10, 180)"}%
%CLEAR%

<div id="lorem" style="width:300px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare fringilla est, eget condimentum quam auctor quis. Curabitur vitae nibh eu nisl scelerisque facilisis. Vestibulum posuere pretium magna, eu pulvinar libero cursus in. Phasellus tortor dui, viverra vitae molestie a, aliquam quis risus. Mauris fringilla mattis ligula, et laoreet dui rhoncus vel. Aliquam bibendum, nisi nec pellentesque convallis, augue elit rutrum sapien, nec molestie augue mauris et tellus. </div>

This topic: System > JQueryPlugin > JQueryShake
Topic revision: 12 Sep 2011, ProjectContributor (raw view)

Copyright © by the contributing authors. All material on this site is the property of the contributing authors.
Ideas, requests, problems regarding Foswiki? Send feedback