模拟qq阅读改变字体大小颜色

最新推荐文章于 2024-01-18 23:05:10 发布

景天晓志

最新推荐文章于 2024-01-18 23:05:10 发布

阅读量1.2k

点赞数

分类专栏： JavaScript 文章标签： qq javascript button xhtml function html

本文链接：https://blog.csdn.net/jingtian_xiaozhi/article/details/8071605

版权

JavaScript 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<!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>无标题文档</title>
<script >
function changeSize(size)
{
	var divNode=document.getElementById("divid");
	divNode.style.fontSize=size;
}
function changeColor(color)
{	
	var divNode=document.getElementById("divid");
	divNode.style.color=color;
	
}
function method()
{
	var divNode=document.getElementById("divid");
	divNode.className="normal"; 
}

</script>
<style>
	.normal{
	background-color:#CC33CC;
	color:#666699;
	} 
</style>
</head>

<body>
<h1>asd</h1>
<a href="#" οnclick="changeSize('30px')">大</a>
<a href="#" οnclick="changeSize('20px')">中</a>
<a href="#" οnclick="changeSize('10px')">小</a>

<a href="#" οnclick="changeColor('blue')">蓝色</a>
<a href="#" οnclick="changeColor('green')">绿色</a>
<a href="#" οnclick="changeColor('red')">红色</a>
<a href="#" οnclick="method()">正常</a>



<div id="divid">
dfdsfsdff<br />
dfdsfsdff
</div>
</body>
</html>

景天晓志

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
模拟qq阅读改变字体大小颜色

无标题文档function changeSize(size){ var divNode=document.getElementById("divid"); divNode.style.fontSize=size;}function changeColor(color){ var divNode=document.getElementById("divid");
复制链接

扫一扫