1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. 

  2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. 

  3. <head>
    4. 

  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    5. 

  5. <title>Javascript动态调整文章的行距、字体、颜色，及打印页面和关闭窗口功能</title>
    6. 

  6. <style>
    7. 

  7. <!--
    8. 

  8. .aa { line-height:180% }
    9. 

  9. .bb { line-height:150% }
    10. 

  10. .cc { line-height:120% }
    11. 

  11. -->
    12. 

  12. </style>
    13. 

  13. <script>
    14. 

  14. function fontZoom(size)
    15. 

  15. {
    16. 

  16. document.getElementById('nnxw').style.fontSize=size+'px'
    17. 

  17. }
    18. 

  18. function fontColor(color)
    19. 

  19. {
    20. 

  20. document.getElementById('nnxw').style.color=color
    21. 

  21. }
    22. 

  22. function css(cs)
    23. 

  23. {
    24. 

  24. nnxw.className=cs;
    25. 

  25. }
    26. 

  26. </script>
    27. 

  27. </head>
    28. 

  28. <body>
    29. 

  29. <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>】
    30. 

  30. 【字体：<a href="javascript:fontZoom(16)">大</a> <a href="javascript:fontZoom(14)">中</a> <a href="javascript:fontZoom(12)">小</a>】
    31. 

  31. 【颜色：<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>】
    32. 

  32. 【<A href="javascript:print()">打印页面</A>】 【<A href="javascript:window.close()">关闭窗口</A>】</div>
    33. 

  33. <div id="nnxw">去年创办的朱家角水乡世界音乐节以“公益”为特色，引进了大部分中国观众还颇为陌生的“世界音乐”概念。去年共有15个国家和地区的100多名歌手和乐手聚集在朱家角，短短的5天时间里演出30多场，大量的户外免费演出吸引了数万 观众，使得“水乡世界音乐节”成了一个民众的音乐狂欢节。  水乡世界音乐节组织与发起者之一、上海正午文艺中心的理事长张熹表示，“世界音乐”是草根的、原始的和时尚的一种混合体，世界上很多文化节庆都选择在离大城市一小时左右车程的小城，而且朱家角的江南水乡氛围和“世界音乐” 也相当吻合。  今年的水乡世界音乐节与去年相比，有更多的中国乐队亮相。对此张熹表示，一来是因为运营成本的关系，朱家角水乡世界音乐节是一个公益性文化活动，去年外国乐队占到了三分之二，引进国际一线、二线的乐队费用不菲，今年虽然外国乐队比例下降，但确保了质量；二来是因为“世界音乐”的概念在中国的认识度不高，所以希望用更多的国内乐队来带 动人气，这次邀请了年轻人熟悉和喜爱的中国本土色彩浓厚的音乐人王磊、由小河领衔的前卫摇滚乐团“美好药店” 等， 以便吸引更多年轻人的关注。</div>
    34. 

  34. </body>
    35. 

  35. </html>

650) this.width=650;" border="0" alt="" src="http://img1.51cto.com/attachment/201203/102726515.png" />

Javascript动态调整文章的行距、字体、颜色，及打印页面和关闭窗口功能的更多相关文章

  1. Dynamic CRM 2013学习笔记（二十六）报表设计：Reporting Service报表 动态参数、参数多选全选、动态列、动态显示行字体颜色

    上次介绍过CRM里开始报表的一些注意事项:Dynamic CRM 2013学习笔记(十五)报表入门.开发工具及注意事项,本文继续介绍报表里的一些动态效果:动态显示参数,参数是从数据库里查询出来的:参数 ...

  2. Javascript动态引用CSS文件的2种方法介绍

    最近做一个项目,需要javascript动态插入样式,结果以前的方法失效了!查了2个小时的原因竟然是自己手贱,这个最后再说! javascript插入样式在前端开发中应用比较广泛,特别是在修改前端表现 ...

  3. 【JavaScript】轻易改变的背景和字体颜色页面

    JavaScript,点击button改变页面背景和字体颜色,网页有N颜色的变化button.点击不同button,网页字体和背景将被改变为不同的颜色. 非常easy的JavaScript小程序. 一 ...

  4. js动态设置输入框字体/颜色

    动态设置文本框颜色: 主要是利用javascript中的触发事件onfocus和onblur <script language="javascript" type=" ...

  5. phpstorm调整背景、字体颜色

    从这个网站(http://phpstorm-themes.com/)下载各类主题的xml文件, 然后将文件放到phpStorm的文件夹中,比如:C:\Users\USERNAME\.PhpStorm2 ...

  6. 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 ...

  7. 如何修改WP文章字体格式、字号大小、字体颜色

    在使用wordpress编辑文章的时候,很多朋友会像小编一样,发现它并没有像word文档一样有修改字体样式.字体大小.字体颜色.分页符等功能按钮,对我们写文章极为不便,原因是wordpress默认使用 ...

  8. iOS改动UIButton setTitle字体颜色和调整字体位置

    调整Title字体位置 [button setTitleEdgeInsets:UIEdgeInsetsMake(10, 0, 0, 0)]; 四个參数分别代表:上边界,左边界.下边界,右边界 改动UI ...

  9. 使用 JavaScript 中的 document 对象的属性，根据下拉框中选择的属性，更改页面中的字体颜色和背景颜色

    查看本章节 查看作业目录 需求说明: 使用 JavaScript 中的 document 对象的属性,根据下拉框中选择的属性,更改页面中的字体颜色和背景颜色 实现思路: 在页面的 <body&g ...

随机推荐

  1. 将Html文档整理为规范XML文档

    有多种方式可以在.NET 平台进行HTML文件解析.数据提取,其中最简单.稳妥的办法是先使用工具将Html文档整理成XML文档,再通过XML Dom模型或XPath灵活地进行数据处理.SGML便是一个 ...

  2. 手把手教你开发chrome扩展一：开发Chrome Extenstion其实很简单

    手把手教你开发chrome扩展一:开发Chrome Extenstion其实很简单   手把手教你开发chrome扩展一:开发Chrome Extenstion其实很简单 手把手教你开发Chrome扩 ...

  3. [CareerCup] 14.6 CircularArray 环形数组

    14.6 Implement a CircularArray class that supports an array-like data structure which can be efficie ...

  4. Linux第六次学习笔记

    存储器层次结构 存储器系统是一个具有不同容量.成本和访问时间的存储设备的层次结构. CPU寄存器保存着最常用的数据. 主存储器(简称主存)暂时存放存储在容量较大的.慢速磁盘上的数据. 高速缓存存储器作 ...

  5. iOS如何上传代码到Github

    iOS如何上传代码到Github 很多iOS开发者想开源自己的代码或者demo,开源到Github是个不错的选择,那么如何上传我们的代码到Github,令所有人可以下载使用呢?这里我们的目的很明确,就 ...

  6. 2.SQLAlchemy文档-SQLAlchemy ORM（中文版）

    接下来,我们将会对对象关系映射器进行全面的介绍和描述.如果你想用它为你的应用程序构建更高层次的SQL操作模式,以及为你的Python对象提供自动化的持久性功能,那么首先进行下列教程的学习吧. 首先请看 ...

  7. 讲述一下自己在linux中配置ftp服务的经历

    本人大二小白一名,从大一下学期就开始接触到linux,当时看到学校每次让我们下载资源都在一个ftp服务器中,感觉特别的高大上,所以自己就想什么时候自己能够拥有自己的ftp服务器,自己放一点东西进去,让 ...

  8. WP8.1&Win10幸运大转盘源码分享

    先AD一下我的群:Win10开发者群:53078485 最近在写一个APP,其中需要一个转盘动画的源码,找了很多但是都没有找到,无奈只好自己来写,写完效果自己还是比较满意的,分享出来,有需要的童鞋可以 ...

  9. 【JVM】模板解释器--字节码的resolve过程

    1.背景 上文探讨了:[JVM]模板解释器--如何根据字节码生成汇编码? 本篇,我们来关注下字节码的resolve过程. 2.问题及准备工作 上文虽然探讨了字节码到汇编码的过程,但是: mov %ra ...

  10. 使用OneNote的COM组件，实现OCR功能。

    背景 在业务系统开发的过程中,很多情况下会去识别图片中的相关信息,并且把信息录入到系统中.现在希望通过自动化的方式录入,就有了以下的工作.在对比了几个OCR软件在中文识别方面的准确率后,决定使用微软的 ...