`
- 浏览:
2530656 次
-
改变字体（html，css，javascript）
<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.max{
font-size:28px;
color:red;
background-color:#9F9;
}
.norm{
font-size:16px;
color:green;
background-color:#F96;
}
.min{
font-size:10px;
color:yellow;
background-color:#99C;=
}
</style>
<script type="text/javascript">
function changfont(size){
var divnode=document.getElementById("newid");
//divnode.style.fontSize=size+"px";
divnode.className=size;
}
</script>
</head>
<body>
<h2>新闻标题</h2>
<a href="javascript:void(0)" onclick="changfont('max')">大</a>
<a href="javascript:void(0)" onclick="changfont('norm')">中</a>
<a href="javascript:void(0)" onclick="changfont('min')">小</a>
<hr />
<div id="newid" class="max">
发生了加快速度将法拉克解放路口时就按<br />
发生了加快速度将法拉克解放路口时就按<br />
发生了加快速度将法拉克解放路口时就按<br />
发生了加快速度将法拉克解放路口时就按<br />
发生了加快速度将法拉克解放路口时就按<br />
发生了加快速度将法拉克解放路口时就按<br />
</body>
</html>
分享到：
相关推荐
使用基础的HTML CSS Javascript 完成一个页面，实现一个元旦倒计时的功能，主要的布局采用了flex弹性布局，图片背景可以根据自己的喜好自适应改变，引入了谷歌适应的个性化字体，配色也可以根据个人喜好来调整rgb...
如果是静态的CSS，当然是可以直接写上去的，但有些界面是需要一些动态效果的，比如颜色变化，字体大小变化，甚至DIV 的隐藏于现实等，这些都需要用javascript 动态控制其CSS样式，下面就常用的jquery 控制 css 样式...
在很多大网站上为了提高用户方便阅读文字，都提供有字体大小选择功能，以适应不同年龄段人群的阅读需求，其实这种功能实现起来也很简单，修改起来也方便，字体大号由你来定，默认字体大小可以CSS页面中定义，一般...
这个Tailwind插件添加了特定于字体的文本大小调整实用程序，一旦Typekit（或其他）字体已加载，它们就会改变大小。 使用生成的实用程序来调整文本的大小，类似于使用普通的Tailwind文本大小调整类，只是在-sans添加-...
第14章 CSS与JavaScript 14.1 什么是CSS 14.2 什么是样式表 14.2.1 什么是兼容CSS的浏览器 14.2.2 样式表的工作原理 14.3 CSS程序结构 14.3.1 注释 14.3.2 组合 14.4 ...
目录 第1章 网页的构造块 1 1.1 HTML思想 1 1.2 基本的HTML页面 2 1.3 标签：元素、属性、值及其他 4 1.4 网页的文本内容 7 ...1.5 链接、图像和其他非文本内容 8 ...附录B CSS引用 408
JavaScript可以通过操作DOM（文档对象模型）来改变页面元素的状态，实现页面与用户的交互。同时，JavaScript可以处理表单验证、动画效果、浏览器事件、AJAX请求等问题，提高用户体验。因此，JavaScript是前端开发的...
品优购项目总结本次项目一共实现了7个界面，包括首页、登录页面、注册页面、商品秒杀页、商品推文页、商品...字体图标的优点 字体图标可以做出跟图片一样可以做的事情,改变透明度、旋转度，等.. 但是本质其实是文字，
HTML5转盘抽奖小程序源代码通常由HTML、CSS和JavaScript三种技术组成。HTML负责搭建页面结构，包括转盘的布局和奖品展示；CSS用于美化页面样式，包括转盘的颜色、字体等；JavaScript则负责实现抽奖逻辑，包括转盘的...
实例176 改变超级链接字体样式 276 实例177 当鼠标移动到超级链接时改变超级链接颜色 277 实例178 改变超级链接背景色 278 6.2 超级链接控制 279 实例179 建立E-mail超级链接 280 实例180 获取页面中的全部超级链接 ...
2. CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 3. JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉...
5、控制你的页面布局和CSS3的设计，嵌入字体，动画，转换，3D和圆形边界 6、利用新的HTML5的元素，例如，文章，节，页脚，页眉 7、Web应用程序扩展到移动设备，如iPhone，Android和HTML5的2.0 WebOS手机 8、实现Web...
matlab更改代码字体Lambda学生资源网站 Lambda学生资源中心 免责声明：截至撰写本文时，此存储库为2GB，并且增长Swift....自行决定下载....如果要下载它，但没有icloud存储区位于已部署顶部的空间网站包含此回购的...
做移动开发的时候经常会遇到点赞的一些处理，尤其是当使用字体图标的时候，由于仅希望改变字体，但是字体经过编译之后又和它的.html()不一致，所以导致判断起来比较麻烦，最后想了一个办法来解决此问题。 还有一种...