jquery实现了实时改变网页字体大小、字体背景颜色和颜色的方法

本文通过一个实例展示了jquery如何实时改变网页的字体大小、字体背景颜色和颜色。分享给大家参考。具体如下：

在这里，jquery用于实时更改字体大小、字体背景颜色和颜色。JQUERY让很多事情变得更容易。它确实是一个实用的插件。不熟悉JQ的朋友通常应该看一些例子。例如，你可以从这个小例子中学到很多。

运行效果如下图所示：

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML L1-Transitional . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' head title/title script type=' text/JavaScript ' src=' http 3360 js/jquery 1 . 3 . 2 . js '/script script type='ready(function() { $('#fontsize '))。change(function() { $('p '))。CSS({ font size : this . value })；//dom } ) //更改字体颜色$('#backgroundcolor ')。change(function() { $('p '))。CSS({ background : this . value })；} ) //更改背景颜色$('#fontcolor ')。change(function() { $('p '))。CSS({ color : this . value })；} )});/script/headsdydiv id=' formstylecontrols ' Label for=' font size ' font size/label select id=' font size ' Option value=' 12px ' small/Option value=' 14px ' small/Option value=' 16px '中/选项值='18px '大/选项值='24px '大/选项/select label for='背景背景'背景色/Label select id='背景色'选项值=' # f4fbff ' default/选项值='gray ' 选项选项值='黄色'亮黄色/选项/选择标签为=' font color' font color/label选择id=' font color '选项值=' # 00000 '黑色/选项选项值=' # Ff0000 '红色/选项选项值='#006600 '绿色/选项值='#0000ff '蓝色/选项值='#660000 '棕色/选项/选择标签输入类型=' submit' id=' style '值=' save settings '/label 然后把风头正盛的新皇后冯妙芝送到皇帝选定的洞房柔光殿。 好时的大臣、亲戚和朋友已经相继退休，不久，皇后将携手进入洞房，共度春宵./PP此时此刻，我正站在水镜和渭水之间的牧场上，脚下是三个用巨大石板铺成的古老小广场，眼前的松柏是一座冰冷的尼姑庵，是曾经宠爱我的国王赐予我的最终归宿。/p/body/script/html希望这篇文章对大家的jquery编程有所帮助。