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

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
  5. <title>Javascript动态调整文章的行距、字体、颜色,及打印页面和关闭窗口功能</title> 
  6. <style> 
  7. <!-- 
  8. .aa { line-height:180% } 
  9. .bb { line-height:150% } 
  10. .cc { line-height:120% } 
  11. --> 
  12. </style> 
  13. <script> 
  14. function fontZoom(size) 
  15. document.getElementById('nnxw').style.fontSize=size+'px' 
  16. function fontColor(color) 
  17. document.getElementById('nnxw').style.color=color 
  18. function css(cs) 
  19.     nnxw.className=cs
  20. </script> 
  21. </head> 
  22. <body> 
  23. <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>】                                                                       
  24.   【字体:<a href="javascript:fontZoom(16)"></a> <a href="javascript:fontZoom(14)"></a> <a href="javascript:fontZoom(12)"></a>】                                                                       
  25.   【颜色:<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>】                                                                       
  26.   【<A href="javascript:print()">打印页面</A>】 【<A href="javascript:window.close()">关闭窗口</A></div> 
  27. <div id="nnxw">去年创办的朱家角水乡世界音乐节以“公益”为特色,引进了大部分中国观众还颇为陌生的“世界音乐”概念。去年共有15个国家和地区的100多名歌手和乐手聚集在朱家角,短短的5天时间里演出30多场,大量的户外免费演出吸引了数万 观众,使得“水乡世界音乐节”成了一个民众的音乐狂欢节。  水乡世界音乐节组织与发起者之一、上海正午文艺中心的理事长张熹表示,“世界音乐”是草根的、原始的和时尚的一种混合体,世界上很多文化节庆都选择在离大城市一小时左右车程的小城,而且朱家角的江南水乡氛围和“世界音乐” 也相当吻合。  今年的水乡世界音乐节与去年相比,有更多的中国乐队亮相。对此张熹表示,一来是因为运营成本的关系,朱家角水乡世界音乐节是一个公益性文化活动,去年外国乐队占到了三分之二,引进国际一线、二线的乐队费用不菲,今年虽然外国乐队比例下降,但确保了质量;二来是因为“世界音乐”的概念在中国的认识度不高,所以希望用更多的国内乐队来带 动人气,这次邀请了年轻人熟悉和喜爱的中国本土色彩浓厚的音乐人王磊、由小河领衔的前卫摇滚乐团“美好药店” 等, 以便吸引更多年轻人的关注。</div> 
  28. </body> 
  29. </html> 

积跬步以致千里,积小流以成江海。
2016年5月之前的博文发布于51cto,链接地址:shamrock.blog.51cto.com
2016年5月之后博文发布与cnblogs上。
Github地址 https://github.com/umgsai
Keep moving~!!!
原文地址:https://www.cnblogs.com/umgsai/p/3908180.html