Skip to content

jAngle is a jQuery plugin that uses CSS3 (or appropriate MS filters) to rotate an element around a 360 degree axis.

Notifications You must be signed in to change notification settings

corydorning/jquery-jangle

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

/* jangle README
 *
 * Last modified by: Cory Dorning
 * Last modified on: 09/14/11
 *
 * jAngle is a jQuery plugin that uses CSS3 (or appropriate
 * MS filters) to rotate an element using the passed angle
 * parameter.
 *
 */

 Requirements
------------------

 To use jangle, it is recommended you use the latest version
 of jQuery 1.6. Reference the jQuery library followed the
 jangle JavaScript file:

  <!-- load jQuery library -->
  <script src="/common/js/libs/jquery-1.6.min.js"></script>

  <!-- load jangle plugin -->
  <script src="jquery-jangle-0.5.js"></script>


Now you are ready to use jangle! Below is some example code on the ways
you can use it.


Page Load
------------------

<!-- rotate a DIV 90 degrees -->
<script>
  $('div').jangle(90);
</script>


Click Event
------------------

<!-- rotate a DIV 90 degrees upon clicking a link -->
<script>
  $('a').click(function() {
    $('div').jangle(90);
  });
</script>


Form Driven
------------------

<!-- see jangle-example.html for full code sample -->
<!-- rotate an image based on input value -->
<script>
  $('button').click(function() {
    var angle = parseInt($('input[type=text]').val()) || 0;

    $('img').jangle(angle);
  });
</script>

About

jAngle is a jQuery plugin that uses CSS3 (or appropriate MS filters) to rotate an element around a 360 degree axis.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published