您的位置：首页 > 其它

改变网页中的浏览风格（字体大小和背景颜色）

2012-02-29 21:38 411 查看

看到某某网站的新闻内容部分的字体大小和背景还可以该，这网站能适应好多人的脾气，呵呵，很不错的。下边将实现的方法给大家共享下。

效果图：

<!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>

<style>

.k1{

height:10px;

width:10px;

border:1px #00F solid;

margin:2px;

float:right;

cursor:pointer;

}

</style>

<script language="javascript" type="text/javascript">

function changeColor(color){

//设置背景颜色

document.bgColor=color;

}

function changeSize(size){

//获取div对象

document.getElementById("content").style.fontSize=size+"px";

}

</script>

</head

><body>

<div class="k1" style="background-color:#66CCFF" onclick="changeColor('#66ccff')"></div>

<div class="k1" style="background-color:#FCC" onclick="changeColor('#fcccc')"></div>

<div class="k1" style="background-color:#FFC" onclick="changeColor('#ffcccc')"></div>

<span onclick="changeSize(26)">大</span>

<span onclick="changeSize(16)">中</span>

<span onclick="changeSize(10)">小</span>

<hr style="clear:both" />

<div id="content">关于英语四级包过秘籍<br />

三长一短，选短的；三短一长，选长的，长短不一要选B，参差不齐要选D,以蒙为主，以抄为辅，抄蒙结合，四级必过~

</div>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航