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

最新推荐文章于 2023-02-21 15:11:03 发布

商商-77

最新推荐文章于 2023-02-21 15:11:03 发布

阅读量432

点赞数

文章标签： javascript xhtml ViewUI

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-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>
functionfontZoom(size)
{
document.getElementById('nnxw').style.fontSize=size+'px'
}
functionfontColor(color)
{
document.getElementById('nnxw').style.color=color
}
functioncss(cs)
{
nnxw.className=cs;
}
</script>
</head>
<body>
<div>【行距：<fontonclick=css("aa")style="cursor:hand">大</font><fontonclick=css("bb")style="cursor:hand">中</font><fontonclick=css("cc")style="cursor:hand">小</font>】
【字体：<ahref="javascript:fontZoom(16)">大</a><ahref="javascript:fontZoom(14)">中</a><ahref="javascript:fontZoom(12)">小</a>】
【颜色：<ahref="javascript:fontColor('#CC3300')"><fontcolor=#CC3300>红</font></a><ahref="javascript:fontColor('#FFCC00')"><fontcolor=FFCC00>黄</font></a><ahref="javascript:fontColor('#003399')"><fontcolor=003399>蓝</font></a><ahref="javascript:fontColor('#007700')"><fontcolor=007700>绿</font></a><ahref="javascript:fontColor('#000000')"><fontcolor=black>黑</font></a>】
【<Ahref="javascript:print()">打印页面</A>】【<Ahref="javascript:window.close()">关闭窗口</A>】</div>
<divid="nnxw">去年创办的朱家角水乡世界音乐节以“公益”为特色，引进了大部分中国观众还颇为陌生的“世界音乐”概念。去年共有15个国家和地区的100多名歌手和乐手聚集在朱家角，短短的5天时间里演出30多场，大量的户外免费演出吸引了数万观众，使得“水乡世界音乐节”成了一个民众的音乐狂欢节。水乡世界音乐节组织与发起者之一、上海正午文艺中心的理事长张熹表示，“世界音乐”是草根的、原始的和时尚的一种混合体，世界上很多文化节庆都选择在离大城市一小时左右车程的小城，而且朱家角的江南水乡氛围和“世界音乐”也相当吻合。今年的水乡世界音乐节与去年相比，有更多的中国乐队亮相。对此张熹表示，一来是因为运营成本的关系，朱家角水乡世界音乐节是一个公益性文化活动，去年外国乐队占到了三分之二，引进国际一线、二线的乐队费用不菲，今年虽然外国乐队比例下降，但确保了质量；二来是因为“世界音乐”的概念在中国的认识度不高，所以希望用更多的国内乐队来带动人气，这次邀请了年轻人熟悉和喜爱的中国本土色彩浓厚的音乐人王磊、由小河领衔的前卫摇滚乐团“美好药店”等，以便吸引更多年轻人的关注。</div>
</body>
</html>