Web design: jQuery animate()

The tutor shows an example of the jQuery animate() function.

I’d call jQuery an extension, or library, of JavaScript. It offers various effects perhaps more easily than using JavaScript alone.

The text expansion by clicking the button below is accomplished via the code

$(“#top_button”).bind(“click”,function(){

$(“#the_text”).animate({“fontSize”:”175%”}, 1000, “linear”);

});

This text will change size:)

I’ll explain in more detail the code above in a coming post:)

Source:

Pollock, John. jQuery: A Beginner’s Guide. New York: McGraw-Hill, 2014.

Web design: jQuery animate()