Skip to content

Instantly share code, notes, and snippets.

@mediaupstream

mediaupstream/jquery.eachStep.demo2.html

Created July 29, 2011 06:42
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save mediaupstream/1113330 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save mediaupstream/1113330 to your computer and use it in GitHub Desktop.
Download ZIP
jQuery.eachStep - Demo Two
Raw
jquery.eachStep.demo2.html
<script type="text/javascript">
var collection = [
'#777777', '#444444', '#222222', '#249adb',
'#fc41a9', '#ffe200', '#faa653', '#007791'
];
$.eachStep(collection, '600', function(key, val, duration){
// each step of the collection animate the .demo2-box backgroundColor
// (requires the jquery.color plugin)
$('.demo2-box').animate({'backgroundColor': val}, duration);
});
</script>
<div class="demo2-box">
<h3>DEMO BOX</h3>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment