一个简单的jqery实现小说的文字大小、颜色及背景
来源:互联网 发布:算法分析的主要方面是 编辑:程序博客网 时间:2024/05/15 11:40
<!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>
</head>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#sel").change(function(){
//alert($(this).val());
$("#div1").css("font-size",$(this).val()+"px");
})
$("#sel2").change(function(){
$("#div1").css("color",$(this).val());
})
$("#sel3").change(function(){
$("#div1").css("background-color",$(this).val());
})
})
</script>
<body>
<select id="sel">
<option value="14">字体默认大小</option>
<option value="12">12</option>
<option value="14">14</option>
<option value="16">16</option>
<option value="18">18</option>
</select>
<select id="sel2">
<option value="black">字体默认颜色</option>
<option value="red">红</option>
<option value="blue">蓝</option>
<option value="yellow">黄</option>
<option value="green">绿</option>
</select>
<select id="sel3">
<option value="white">背景默认颜色</option>
<option value="red">红</option>
<option value="blue">蓝</option>
<option value="yellow">黄</option>
<option value="green">绿</option>
<option value="gray">灰</option>
</select>
<div id="div1" style="width:400px">
我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#sel").change(function(){
//alert($(this).val());
$("#div1").css("font-size",$(this).val()+"px");
})
$("#sel2").change(function(){
$("#div1").css("color",$(this).val());
})
$("#sel3").change(function(){
$("#div1").css("background-color",$(this).val());
})
})
</script>
<body>
<select id="sel">
<option value="14">字体默认大小</option>
<option value="12">12</option>
<option value="14">14</option>
<option value="16">16</option>
<option value="18">18</option>
</select>
<select id="sel2">
<option value="black">字体默认颜色</option>
<option value="red">红</option>
<option value="blue">蓝</option>
<option value="yellow">黄</option>
<option value="green">绿</option>
</select>
<select id="sel3">
<option value="white">背景默认颜色</option>
<option value="red">红</option>
<option value="blue">蓝</option>
<option value="yellow">黄</option>
<option value="green">绿</option>
<option value="gray">灰</option>
</select>
<div id="div1" style="width:400px">
我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字
</div>
</body>
</html>
0 0
- 一个简单的jqery实现小说的文字大小、颜色及背景
- iOS_UIWebView背景颜色、文字颜色、文字大小的改变
- 一个很简单的Jqery弹出框
- J简单的S实现控制背景颜色、修改字体大小
- 实现背景颜色的改变
- WebView改变网页文字大小、颜色,背景颜色
- WebView改变网页文字大小、颜色,背景颜色
- Jqery实现简单分页
- 一个textview实现两种文字大小以及文字颜色
- ActionBar简单的背景颜色设置
- js切换页面文字大小和背景颜色
- 简单的小说网站爬虫--爬小说
- 修改FloatingActionButton的title的文字颜色及背景颜色
- 用Python写的一个简单的小说下载器
- 实现背景颜色的渐变效果
- iOS 实现背景颜色渐变的方式
- CAGradientLayer 实现背景颜色的渐变
- 修改form 的字段背景颜色及字体颜色
- easyui datagrid加载数据的两种方式
- python数据分析之(2)numpy
- 函数传参问题(C/C++)
- 第六章精灵
- HDU-1754-I hate it (线段树RMQ)
- 一个简单的jqery实现小说的文字大小、颜色及背景
- stm32 起步 gpio操作
- python
- 35、(知识篇)SpringMVC12 SpringMVC 超链接国际化
- java 企业网站源码模版 有前后台 springmvc SSM 生成静态化
- Visual Odometry(视觉里程计): StereoScan Dense 3d Reconstruction in Real-time
- pat 1009. Product of Polynomials (25)
- 关于Spring IOC (DI-依赖注入)你需要知道的一切
- JLINK flash timeout.Reset the tatget and try it again 解决