zoukankan
html css js c++ java
Jqchange(fontsize,background)2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>豪情</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <style> p{line-height:23px;margin:0;padding:0;} </style> <script> $(function(){ $('#c-obj select').change(function(){ alert($(this).attr('id') + ': ' + $(this).val()); $('p').css($(this).attr('id'), $(this).val()); //select的ID和要设置的CSS属性值必须保持一致 }); }); </script> </head> <body> <h4>change(fn)</h4> <h4>在每一个匹配元素的change事件中绑定一个处理函数。</h4> <h4>change事件会在元素失去焦点的时候触发,也会当其值在获得焦点后改变时触发。</h4> <div id="c-obj"> <label for="font-size">字体大小</label> <select name="" id="font-size"> <option value="12px">小号</option> <option value="14px">较小</option> <option value="16px" >中号</option> <option value="18px">较大</option> <option value="24px">大号</option> </select> <label for="background">背景颜色</label> <select name="" id="background"> <option value="#F4FBFF">默认</option> <option value="gray">淡灰</option> <option value="red">红色</option> <option value="green">绿色</option> <option value="yellow">明黄</option> </select> <label for="color">字体颜色</label> <select id="color"> <option value="#000">黑色</option> <option value="#f00">红色</option> <option value="#060">绿色</option> <option value="#00f">蓝色</option> <option value="#600">棕色</option> </select> <label> </div> <h4>春江花月夜</h4> <p>春江潮水连海平,海上明月共潮生。滟滟随波千万里,何处春江无月明。</p> <p>江流宛转绕芳甸,月照花林皆似霰。空里流霜不觉飞,汀上白沙看不见。</p> <p>江天一色无纤尘,皎皎空中孤月轮。江畔何人初见月?江月何年初照人?</p> <p>人生代代无穷已,江月年年只相似。不知江月待何人,但见长江送流水。</p> <p>白云一片去悠悠,青枫浦上不胜愁。谁家今夜扁舟子?何处相思明月楼?</p> <p>可怜楼上月徘徊,应照离人妆镜台。玉户帘中卷不去,捣衣砧上拂还来。</p> <p>此时相望不相闻,愿逐月华流照君。鸿雁长飞光不度,鱼龙潜跃水成文。</p> <p>昨夜闲潭梦落花,可怜春半不还家。江水流春去欲尽,江潭落月复西斜。</p> <p>斜月沉沉藏海雾,碣石潇湘无限路。不知乘月几人归,落月摇情满江树。</p> </body> </html>
运行代码
查看全文
相关阅读:
LVGL初步移植
为什么javac后加.java,java后不加.class?
为什么内部类可以访问外部类的私有属性?
Optional类与使用==判断null有什么区别?使用Optional类有什么优势?
注释中的Unicode编码也会被转义
用反射编写泛型数组
JDBC与JPA--初学JPA
抽象类与接口
面向对象——多态
面向对象——封装(隐藏)
原文地址:https://www.cnblogs.com/jikey/p/1734303.html
最新文章
mongoDB安装+启停+卸载
小贞贞jmeter基于python的分布式
小贞贞关于jmeter中常用函数_uuid、_random、_time、_p或_property、_CSVRead 介绍
小贞贞python关于requests和tkinter模块项目实战
小贞贞jmeter关于正则表达式提取器详解
小贞贞jmeter中关于__V变量嵌套用法简单介绍
小贞贞jmeter中mysql数据库连接指南
小贞贞关于jmeter性能实战<二>
jmeter字体调整方法
小贞贞关于jmeter性能实战<一>
热门文章
小贞贞的博客开通啦
安装QT
Processing——串口上位机工程介绍
CCS工程使用VSCODE进行编写代码
FPGA复位的正确打开方式——转载
FC、ST、SC、LC接口区别
什么是多模光纤?多模光纤与单模光纤的区别是什么?
FPGA_GTX相关
使用PIO问题:STM32的外部晶振从8M更换为12M,解决运行速度的问题
开源技术博客
Copyright © 2011-2022 走看看