mocha

Browse more Jquery Examples
<!DOCTYPE html>
<html>
<head>
<title>Try jQuery Online</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
var timeout = 1000;
var action = function() {
   $("#hue1").animate({height: '700px'}, 1000);
   $("#hue2").animate({height: '500px'}, 1000);
   $("#hue3").animate({height: '100px'}, 1000);
   $("#hue1").animate({height: '800px'}, 1000);
   $("#hue2").animate({height: '100px'}, 1000);
   $("#hue3").animate({height: '300px'}, 1000);
   $("#hue1").animate({height: '1000px'}, 1000);
   $("#hue2").animate({height: '200px'}, 1000);
   $("#hue3").animate({height: '200px'}, 1000);
    setTimeout(action, timeout);
};
action();

$(document).ready(function() {
   $("#hue1").css('background-color', 'red');
   $("#hue2").css('background-color', 'green');
   $("#hue3").css('background-color', 'blue');
   $(".tag").css('width', '100px');
   $(".tag").css('position', 'fixed');
   $("#hue1").css('left', '10px');
   $("#hue2").css('left', '120px');
   $("#hue3").css('left', '230px');
   $(".tag").css('bottom', '200px');
   $(".tag").css('height', '0px');
   action();
});

</script>
<style>
.selected { 
    color:red; 
}
.highlight { 
    background:yellow; 
}
</style>
</head>
<body>
    <div class="tag" id="hue1"></div>
    <div class="tag" id="hue2"></div>
    <div class="tag" id="hue3"></div>
</body>
</html>
mocha

Follow

Newsletter
