today we are going to see some more CSS color animation.
http://awrdev.g3tech.in/cssanime2.html
Code:
off = 10;
function changecolor() {
off += 5;
$('#block1').css({background: '#ffcc' + off });
$('#block2').css({background: '#ccff' + off });
}
$(function() {
$('#stop').click(function() {
clearInterval(tmr);
location.reload();
});
$('#start').click(function() {
tmr = setInterval("changecolor()", 200);
});
})
Data:
<h1> CSS anime part II</h1>
<div id="block1">First block </div>
<div id="block2"> Second block </div>
<input id='stop' type="button" value="Stop CSS anime" />
<input id='start' type="button" value="Start CSS anime" />
Just some change of colors.
That is all.
Tomorrow we will see a variation of this concept.
-Girish
--
Gayatri Hitech
http://gayatri-hitech.com
_______________________________________________
ILUGC Mailing List:
http://www.ae.iitm.ac.in/mailman/listinfo/ilugc
ILUGC Mailing List Guidelines:
http://ilugc.in/mailinglist-guidelines
