Javascript动态调整文章的行距、字体、颜色,及打印页面和关闭窗口功能
- <!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=gb2312" />
- <title>Javascript动态调整文章的行距、字体、颜色,及打印页面和关闭窗口功能</title>
- <style>
- <!--
- .aa { line-height:180% }
- .bb { line-height:150% }
- .cc { line-height:120% }
- -->
- </style>
- <script>
- function fontZoom(size)
- {
- document.getElementById('nnxw').style.fontSize=size+'px'
- }
- function fontColor(color)
- {
- document.getElementById('nnxw').style.color=color
- }
- function css(cs)
- {
- nnxw.className=cs;
- }
- </script>
- </head>
- <body>
- <div>【行距:<font onclick=css("aa") style="cursor:hand">大</font> <font onclick=css("bb") style="cursor:hand">中</font> <font onclick=css("cc") style="cursor:hand">小</font>】
- 【字体:<a href="javascript:fontZoom(16)">大</a> <a href="javascript:fontZoom(14)">中</a> <a href="javascript:fontZoom(12)">小</a>】
- 【颜色:<a href="javascript:fontColor('#CC3300')"><font color=#CC3300>红</font></a> <a href="javascript:fontColor('#FFCC00')"><font color=FFCC00>黄</font></a> <a href="javascript:fontColor('#003399')"><font color=003399>蓝</font></a> <a href="javascript:fontColor('#007700')"><font color=007700>绿</font></a> <a href="javascript:fontColor('#000000')"><font color=black>黑</font></a>】
- 【<A href="javascript:print()">打印页面</A>】 【<A href="javascript:window.close()">关闭窗口</A>】</div>
- <div id="nnxw">去年创办的朱家角水乡世界音乐节以“公益”为特色,引进了大部分中国观众还颇为陌生的“世界音乐”概念。去年共有15个国家和地区的100多名歌手和乐手聚集在朱家角,短短的5天时间里演出30多场,大量的户外免费演出吸引了数万 观众,使得“水乡世界音乐节”成了一个民众的音乐狂欢节。 水乡世界音乐节组织与发起者之一、上海正午文艺中心的理事长张熹表示,“世界音乐”是草根的、原始的和时尚的一种混合体,世界上很多文化节庆都选择在离大城市一小时左右车程的小城,而且朱家角的江南水乡氛围和“世界音乐” 也相当吻合。 今年的水乡世界音乐节与去年相比,有更多的中国乐队亮相。对此张熹表示,一来是因为运营成本的关系,朱家角水乡世界音乐节是一个公益性文化活动,去年外国乐队占到了三分之二,引进国际一线、二线的乐队费用不菲,今年虽然外国乐队比例下降,但确保了质量;二来是因为“世界音乐”的概念在中国的认识度不高,所以希望用更多的国内乐队来带 动人气,这次邀请了年轻人熟悉和喜爱的中国本土色彩浓厚的音乐人王磊、由小河领衔的前卫摇滚乐团“美好药店” 等, 以便吸引更多年轻人的关注。</div>
- </body>
- </html>
Javascript动态调整文章的行距、字体、颜色,及打印页面和关闭窗口功能的更多相关文章
- Dynamic CRM 2013学习笔记(二十六)报表设计:Reporting Service报表 动态参数、参数多选全选、动态列、动态显示行字体颜色
上次介绍过CRM里开始报表的一些注意事项:Dynamic CRM 2013学习笔记(十五)报表入门.开发工具及注意事项,本文继续介绍报表里的一些动态效果:动态显示参数,参数是从数据库里查询出来的:参数 ...
- Javascript动态引用CSS文件的2种方法介绍
最近做一个项目,需要javascript动态插入样式,结果以前的方法失效了!查了2个小时的原因竟然是自己手贱,这个最后再说! javascript插入样式在前端开发中应用比较广泛,特别是在修改前端表现 ...
- 【JavaScript】轻易改变的背景和字体颜色页面
JavaScript,点击button改变页面背景和字体颜色,网页有N颜色的变化button.点击不同button,网页字体和背景将被改变为不同的颜色. 非常easy的JavaScript小程序. 一 ...
- js动态设置输入框字体/颜色
动态设置文本框颜色: 主要是利用javascript中的触发事件onfocus和onblur <script language="javascript" type=" ...
- phpstorm调整背景、字体颜色
从这个网站(http://phpstorm-themes.com/)下载各类主题的xml文件, 然后将文件放到phpStorm的文件夹中,比如:C:\Users\USERNAME\.PhpStorm2 ...
- javascript改变背景/字体颜色(Through the javascript to change the background and font color)
鼠标移动到.移出DIV时修改DIV的颜色: 1.Change the font and Div background color--function <div style="width ...
- 如何修改WP文章字体格式、字号大小、字体颜色
在使用wordpress编辑文章的时候,很多朋友会像小编一样,发现它并没有像word文档一样有修改字体样式.字体大小.字体颜色.分页符等功能按钮,对我们写文章极为不便,原因是wordpress默认使用 ...
- iOS改动UIButton setTitle字体颜色和调整字体位置
调整Title字体位置 [button setTitleEdgeInsets:UIEdgeInsetsMake(10, 0, 0, 0)]; 四个參数分别代表:上边界,左边界.下边界,右边界 改动UI ...
- 使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色
查看本章节 查看作业目录 需求说明: 使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色 实现思路: 在页面的 <body&g ...
随机推荐
- 信息安全系统设计基础_exp2
北京电子科技学院(BESTI) 实 验 报 告 课程:信息安全系统设计基础 班级:1353 姓名:吴子怡.郑伟 学号:20135313.20135322 指导教师: 娄嘉鹏 实验 ...
- 20145208 《Java程序设计》第7周学习总结
20145208 <Java程序设计>第7周学习总结 教材学习内容总结 Lambda 认识Lambda语法 什么是Lambda语法 以下是维基百科上的解释: a function (or ...
- 高校手机签到系统——zxing.net生成二维码(补充)
高校手机签到系统——第一部分Authority权限系统(上) 高校手机签到系统——第一部分Authority权限系统(下) 高校手机签到系统——手机客户端 关于zxing.net的使用网上已有很多说明 ...
- Orchard 刨析:Caching
关于Orchard中的Caching组件已经有一些文章做了介绍,为了系列的完整性会再次对Caching组件进行一次介绍. 缓存的使用 在Orchard看到如下一段代码: 可以看到使用缓存的方法Get而 ...
- 【BZOJ 1019】【SHOI2008】汉诺塔(待定系数法递推)
1019: [SHOI2008]汉诺塔 Time Limit: 1 Sec Memory Limit: 162 MBSubmit: 559 Solved: 341[Submit][Status] ...
- [bzoj 2005][NOI 2010]能量采集(容斥原理+递推)
题目:http://www.lydsy.com/JudgeOnline/problem.php?id=2005 分析:首先易得ans=∑gcd(x,y)*2+1 然后我就布吉岛了…… 上网搜了下题解, ...
- 02.C#可空類型、默認參數、LINQ(一章1.3-1.4)
利用上班時間發個隨筆,不知領導會不會看到,可能會有同事看到也說不定啊:) 關于可空類型,在C#1中沒有這個概念,在C#3中引入的.那比如我們要實現一個表示人的類,人有名字和年齡兩個屬性,如何表示一個沒 ...
- datepicker自定义 -- iOS
/** * 创建时间选择器 */ - (void)createPickerView { self.datePicker = [[UIDatePicker alloc] init]; _datePick ...
- OC----简单的购物系统----
今天下午OC上机考试,虽然考试的时候没写完, 但是课下写完了. main.m #import <Foundation/Foundation.h> #import "Shops.h ...
- 如何在VMWare Workstation实现虚拟机与真机的文件共享
1.进入虚拟机的配置选项 进入方法有三种,一种是使用快捷键Ctrl+D,第二种是先右键点击虚拟机再选择Settings选项,第三种是点击快捷栏中的VM后选择Settings选项,后两种方法的截图如下. ...