jquery实现实时改变网页字体大小 字体背景色和颜色办法【jquery】

web前端|js教程

jquery,实时改变,网页,字体大小,字体背景色,颜色

web前端-js教程

本文实例讲述了jquery实现实时改变网页字体大小、字体背景色和颜色的方法。分享给大家供大家参考。具体如下：

购物网站 前台界面源码,vscode插件太麻烦,ecs ubuntu桌面,tomcat加载超时,sqlite插入语句语法,chrome图片放大镜插件,前端框架构成色彩练习,世界盒子绿色爬虫各种功能,php 16进制转换,seo网站搭建方案,云奇付官方网站下载,网页 左下角可暂停的女性站立介绍,服装微信模板lzw

这里使用jquery实时改变字体大小、字体背景色和颜色，JQUERY让很多事变得更简单，确实是个实用的小插件，对JQ不熟悉的朋友，平时可要多看一些实例啦，比如现在这一个小实例，你可以从中学习到不少知识点的哦。

购物车飞入 源码,ubuntu挂载外置存储,tomcat8免安装版教程,网络爬虫主要类型,php调用下一章节,seo中表格lzw

运行效果下图例：

网站源码禁止下载地址,ubuntu怎么设置终端,tomcat安装包绿色版,农村平房爬虫子,传智播客php学习交流,seo667lzw

具体代码如下：

$(document).ready(function() { $("#fontsize").change( function() { $("p").css({fontSize:this.value});//dom } ) // change the font color $("#backgroundcolor").change( function() { $("p").css({background:this.value}); } ) // change the background color $("#fontcolor").change( function() { $("p").css({color:this.value}); } )});

字体大小小号 较小 中号 较大 大号背景颜色默认 淡灰 红色 绿色 明黄字体颜色黑色 红色 绿色 蓝色 棕色三月初三，春日晴朗

浩浩荡荡的迎亲队伍，转过金陵城的主要街道，再把出尽风头的新皇后冯妙芝送到皇帝选定的洞房柔光殿。贺喜的大臣、亲友已经纷纷告退了，很快，帝后就要携手进入洞房，共度春宵了……

此时此刻，我站在这片泾水和渭水之间的大牧场上，脚下是三块古旧的巨大的石板铺就的小小广场，前面的松柏葱翠里是一座冷冷的尼庵，那就是曾经宠爱过我的君王给我的最后的归宿。