手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何用js实现字体转移

时间:2024-10-13 07:37:19

1、打开Sublime text 3,新建一个html文档。并且定义一下基本的框架。同时另外创建一个js文档。

如何用js实现字体转移

2、<h1>The first one</h1><h2>The second one</h2><h3>The third one</h3>先创建三句话作为示范。

如何用js实现字体转移
如何用js实现字体转移

3、这个时候在标签里面加上id。然后在下面加入:<script src="js文件名"></script>然后编写js代码。var colorful = document.getElementById("colorful");colorful.style.color = "blue";这个时候可以看到字体变为蓝色。转移字体颜色。

如何用js实现字体转移
如何用js实现字体转移

4、var fz = document.getElementById("fz");fz.style.fontSize = "50px";我们还可以转移字体的大小。

如何用js实现字体转移
如何用js实现字体转移

5、var ff = document.getElementById("ff");ff.style.fontFamily = "Impact";也可以转移字体,不同字体有不同名字。

如何用js实现字体转移
如何用js实现字体转移

6、var fs = document.getElementById("fs");fs.style.fontStyle = "italic";这样可以转移字体的样式,比如斜体。

如何用js实现字体转移
如何用js实现字体转移
© 手抄报圈