关键代码:
$("#formstylecontrols select").change(function(){
alert($(this).attr("id")+" "+$(this).val());
$("p").css($(this).attr("id"),$(this).val());
//这里用了一个技巧:把select的ID和要设置的CSS属性值一致 , 就可以一个语句实现三个select的功能
});
程序代码
<script type="text/javascript">
$(document).ready(function() {
$("#formstylecontrols select").change(function(){
alert($(this).attr("id")+" "+$(this).val());
$("p").css($(this).attr("id"),$(this).val());
//这里用了一个技巧:把select的ID和要设置的CSS属性值一致 , 就可以一个语句实现三个select的功能
});
});
</script>
</head>
<body>
<div id="formstylecontrols">
<label for="font-size">字体大小</label>
<select 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 id="background">
<option value="#F4FBFF">默认</option>
<option value="#f0f0f0">淡灰</option>
<option value="#eaeaea">灰色</option>
<option value="#eefaee">绿色</option>
<option value="#ffffed">明黄</option>
</select>
<label for="color">字体颜色</label>
<select id="color">
<option value="#000000">黑色</option>
<option value="#ff0000">红色</option>
<option value="#006600">绿色</option>
<option value="#0000ff">蓝色</option>
<option value="#660000">棕色</option>
</select>
<label>
<input type="submit" id="style" value="保存设置" />
</label>
</div>
分享到:
相关推荐
修改MFC中Button控件控件字体、字体大小、背景色、背景图片,主要方法采用需要通过button类派生Mybutton类,然后重载其中DrawItem函数
mfc 中列表控件头的设置(背景颜色,字体大小等) 以前的是有内存泄露的. 这里的修改了一下.. 没有内存泄露
CListCtrl控件背景颜色网格色彩,用CListCtrl来显示数据比较方便,有时候我们需要标注某一列或某一个单元格的背景和字体颜色,或者需要改变一下行高和字体大小,CListCtrl要改变这些并不是很方便。本文将介绍如何...
这是一个可以阅读TXT的简单阅读器源码 能够实现字体颜色变化 和文本字体变化,比较简单,不能变换字体大小,正在修改中
免费下载!!不要积分!!
这里使用jquery实时改变字体大小、字体背景色和颜色,JQUERY让很多事变得更简单,确实是个实用的小插件,对JQ不熟悉的朋友,平时可要多看一些实例啦,比如现在这一个小实例,你可以从中学习到不少知识点的哦。...
用JAVA做得记事本,能够改变背景,字体,大小,颜色!
vc实现记事本,可改变字体颜色、大小、背景颜色也可改变
网页制作中有用的添加背景图片代码,添加普通图片,该图片显示在涂鸦面板代码,如何加音乐,如何改变鼠标样式,独特的鼠标样式显示你独特的个性 ……改变链接字体和颜色 <style type=text/css> <!-- A:link{COLOR: ...
如何在Excel里按照填充颜色或字体颜色进行筛选
改程序用于c#的界面设计,窗体设置成NONE后怎么拖动窗体,如何改变窗体大小,改变窗体后如何让所有控件字体自适应,窗体颜色背景色字体色等颜色配置,读卡条如何美化。
VC改变ListCtrl高度、字体、颜色和背景,自定义设置表头。
VB小例子,改变Form背景颜色,字体颜色和字体; 对txt文件的读取和另存; 简单的继承和重写; 只是个小例子,,方便跟我一样有正在学习VB,并且有需要的人,顺便赚点积分,,,,求大神勿喷,有不好的地方大家帮忙提...
一.真彩色静态框CColorStatic类的设计实现 (1)文本、文本背景、控件背景的颜色,支持3种状态(正常时、鼠标在上、鼠标按下)下不同颜色的设定,具体实现使用了掩码机制,形如...二.TreeCtrl改变子项字体和颜色
Java Poi 导出excel(支持各种设置字体、颜色、垂直居中)
设置matlab GUI中,table对象不同单元格的颜色和 各个单元格字体颜色的方法,综合了matlab和html
self.lab = QLabel(标签字体大小颜色, self) self.lab.setGeometry(50,50,300,200) self.setStyleSheet(QLabel{color:rgb(225,22,173,255);font-size:50px;font-weight:normal;font-family:Arial;}) color:rgb()中的...
一、改变视图背景色: 1 ...八、设置控件字体颜色:(例如STATIC控件) 3 九、修改单文档程序的标题: 4 十、自绘菜单宽度不对,高度是对的,解决办法: 4 十一、对话框由小到大显示的动画效果: 4 十二、位图按钮: 5
..........................173 10.3 指定替代字体 ..........................174 10.4 创建斜体 ..................................176 10.5 应用粗体格式 ..........................177 10.6 设置字体大小 ...