阅读文章时调整字号

108天前383阅读约1分钟 

在博友文章页面浏览时看到有个可以调整字体大小的按钮,觉得还不错。

点击一下就可以放大文章字体,再点击就还原。

自己也模仿乱写了个,用了用还可以,如下:

function textsizechange({
tt=getById("main");//改成需要改变字体的 id
if(
tt.style.fontSize.indexOf("1.2em")!=-1{
tt.style.fontSize="1em";
}
else{
tt.style.fontSize="1.2em";
}};
//1.2em 为需要放大的字号,1em 为原本您的字号,自行调整修改;

在需要显示的地方添加下面的代码:

<a onclick="textsizechange()" title="字体大小">
<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 7 4 4 20 4 20 7"></polyline><line x1="9" y1="20" x2="15" y2="20"></line><line x1="12" y1="4" x2="12" y2="20"></line></svg>
</a>

完工,样式自行调整下即可,无用的功能又增加了,哈哈。

JavascriptHTML4 

阅读文章时调整字号 - Jdeal | Life is like a Design.