Shulou(Shulou.com)06/01 Report--

Editor to share with you how jQuery dynamically controls the font size of the page. I hope you will gain something after reading this article. Let's discuss it together.

Dynamically control the font size of the page

Users can change the font size of the page

$(document) .ready (function () {/ / Reset the font size (back to default) var originalFontSize = $('html'). Css (' font-size'); $(".ready Font") .click (function () {$('html'). Css (' font-size', originalFontSize);}) / / Increase the font size (bigger font0 $(".increaseFont") .click (function () {var currentFontSize = $('html'). Css (' font-size'); var currentFontSizeNum = parseFloat (currentFontSize, 10); var newFontSize = currentFontSizeNum*1.2; $('html'). Css (' font-size', newFontSize); return false;}) / / Decrease the font size (smaller font) $(".decreaseFont") .click (function () {var currentFontSize = $('html'). Css (' font-size'); var currentFontSizeNum = parseFloat (currentFontSize, 10); var newFontSize = currentFontSizeNum*0.8; $('html'). Css (' font-size', newFontSize); return false;});}) After reading this article, I believe you have a certain understanding of "how jQuery dynamically controls the font size of the page". If you want to know more about it, you are welcome to follow the industry information channel. Thank you for your reading!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.