Jquery change(fontsize,background) 改变颜色与背景的代码
2010-05-13 00:00
204 查看
change(fn)
在每一个匹配元素的change事件中绑定一个处理函数。
change事件会在元素失去焦点的时候触发,也会当其值在获得焦点后改变时触发。
豪情
p{line-height:23px;margin:0;padding:0;}
$(function(){
$('#fontsize').change(function(){
var size = $('#fontsize').val();
$('p').css('font-size', size);
});
$('#backgoundcolor').change(function(){
var bgc = $('#backgoundcolor').val();
$('p').css('background', bgc);
});
$('#fontcolor').change(function(){
var fontcolor = $('#fontcolor').val();
$('p').css('color', fontcolor);
});
});
字体大小
小号
较小
中号
较大
大号
背景颜色
默认
淡灰
红色
绿色
明黄
字体颜色
黑色
红色
绿色
蓝色
棕色
春江花月夜
春江潮水连海平,海上明月共潮生。滟滟随波千万里,何处春江无月明。
江流宛转绕芳甸,月照花林皆似霰。空里流霜不觉飞,汀上白沙看不见。
江天一色无纤尘,皎皎空中孤月轮。江畔何人初见月?江月何年初照人?
人生代代无穷已,江月年年只相似。不知江月待何人,但见长江送流水。
白云一片去悠悠,青枫浦上不胜愁。谁家今夜扁舟子?何处相思明月楼?
可怜楼上月徘徊,应照离人妆镜台。玉户帘中卷不去,捣衣砧上拂还来。
此时相望不相闻,愿逐月华流照君。鸿雁长飞光不度,鱼龙潜跃水成文。
昨夜闲潭梦落花,可怜春半不还家。江水流春去欲尽,江潭落月复西斜。
斜月沉沉藏海雾,碣石潇湘无限路。不知乘月几人归,落月摇情满江树。
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
在每一个匹配元素的change事件中绑定一个处理函数。
change事件会在元素失去焦点的时候触发,也会当其值在获得焦点后改变时触发。
豪情
p{line-height:23px;margin:0;padding:0;}
$(function(){
$('#fontsize').change(function(){
var size = $('#fontsize').val();
$('p').css('font-size', size);
});
$('#backgoundcolor').change(function(){
var bgc = $('#backgoundcolor').val();
$('p').css('background', bgc);
});
$('#fontcolor').change(function(){
var fontcolor = $('#fontcolor').val();
$('p').css('color', fontcolor);
});
});
字体大小
小号
较小
中号
较大
大号
背景颜色
默认
淡灰
红色
绿色
明黄
字体颜色
黑色
红色
绿色
蓝色
棕色
春江花月夜
春江潮水连海平,海上明月共潮生。滟滟随波千万里,何处春江无月明。
江流宛转绕芳甸,月照花林皆似霰。空里流霜不觉飞,汀上白沙看不见。
江天一色无纤尘,皎皎空中孤月轮。江畔何人初见月?江月何年初照人?
人生代代无穷已,江月年年只相似。不知江月待何人,但见长江送流水。
白云一片去悠悠,青枫浦上不胜愁。谁家今夜扁舟子?何处相思明月楼?
可怜楼上月徘徊,应照离人妆镜台。玉户帘中卷不去,捣衣砧上拂还来。
此时相望不相闻,愿逐月华流照君。鸿雁长飞光不度,鱼龙潜跃水成文。
昨夜闲潭梦落花,可怜春半不还家。江水流春去欲尽,江潭落月复西斜。
斜月沉沉藏海雾,碣石潇湘无限路。不知乘月几人归,落月摇情满江树。
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关文章推荐
- jquery 实现的改变颜色与背景的代码 change(fontsize,background)补充2
- jQuery 行背景颜色的交替显示(隔行变色)实现代码
- jQuery 行背景颜色的交替显示(隔行变色)实现代码
- User select font-face/color/size/backgroundColor设置 字体,颜色,大小,背景色兼容主流浏览器
- jQuery改变鼠标经过行的背景颜色
- jquery得到font-size属性值实现代码
- Jq-change(fontsize,background)-2
- JQuery的hover()方法使鼠标指针移过导航,改变背景颜色
- User select font-face/color/size/backgroundColor设置 字体,颜色,大小,背景色兼容主流浏览器
- jQuery实现响应浏览器缩放大小并改变背景颜色
- 移动到gridview行上时,背景颜色发生改变(代码)
- Android中使用代码改变背景颜色
- jquery获取font-size属性值的代码
- User select font-face/color/size/backgroundColor设置 字体,颜色,大小,背景色兼容主流浏览器
- 完美的背景图全屏css代码 – background-size:cover
- PHP根据传来的16进制颜色代码自动改变背景颜色
- js特效代码-onmouseover/onclick 改变标签(背景)颜色
- jquery鼠标点击改变控件的背景颜色