`
shirlly
  • 浏览: 1652584 次
  • 性别: Icon_minigender_2
  • 来自: 福州
社区版块
存档分类
最新评论

加入调整字体大小的功能

 
阅读更多
1)加入js
function SetFont(num){
   var divs = document.getElementsByTagName("div");
   for (var i = 0; i < divs.length; i++)
     if(divs[i].className=="post-body")divs[i]['style']['fontSize']=num;
}
注意
要改变的字体不是在div层中,而且该js控制的div的class="post-body"的层中包含的字体的大小
2)加入调用函数
字体大小: <a href="javascript:SetFont('12px')">小</a> <a href="javascript:SetFont('14px')">中</a> <a href="javascript:SetFont('16px')">大</a>
3)将要控制的内容用放在div层中,而且要使class与JS中的className保持一致
分享到:
评论

相关推荐

    如何改变LotusNotes 工作区字体的大小

    在日常工作中,我们经常需要根据个人习惯或视觉需求调整软件界面中的字体大小。对于使用LotusNotes的用户来说,更改工作区内的字体大小同样是一项实用的功能。本文将详细介绍如何通过编辑`notes.ini`文件来实现这一...

    安卓替换字体、修改字体大小教程

    4. **重复字体替换步骤**:完成字体大小调整后,再次按照上述字体替换的步骤,将调整后的字体文件复制到系统中并重启手机,即可看到字体大小的变化。 #### 五、注意事项 - 在进行任何系统级别的操作之前,请确保已...

    WheelPicker-修改开源库Wheel后,能控制选中颜色及大小.zip

    字体大小的调整可能涉及到`setTextSize(int size)`方法。在原库中,这可能用于设置所有项的字体大小。如果需要单独设置选中项的大小,我们需要在绘制逻辑中加入条件判断,当绘制选中项时应用不同的字体大小。 完成...

    Android应用源码之多点触控控制字体大小,源码中有详细注释,简单Demo.zip

    6. **字体大小的动态调整**:在接收到缩放手势的回调后,我们需要计算新的字体大小,这通常涉及到乘以一个缩放因子。然后,更新TextView的`setTextSize()`方法,传入新的字体大小值。注意,为了保持可读性,应限制...

    jQuery响应式动态修改字体大小特效代码

    在jQuery库的支持下,我们可以利用JavaScript的强大功能来监听窗口或特定容器的尺寸变化,并根据这些变化实时调整字体大小。jQuery提供了方便的`$(window).resize()`事件,可以监听到浏览器窗口大小的变化。当窗口...

    放大镜调整Win 7字体.docx

    本文将详细介绍如何在Windows 7中调整字体大小以及如何使用内置的放大镜工具。 在Windows 7中,我们可以根据需要选择两种方式调整字体大小:一种是系统整体放大,另一种是使用内置放大镜工具。 首先,系统整体放大...

    Flex3.0设备字体,字体嵌入

    - **文件大小增加**:SWF文件体积会因为字体文件的加入而变大。 - **TrueType限制**:目前仅支持TrueType字体格式。 - **小字号问题**:字体小于10pt时,可能会影响可读性。 #### 四、实现字体嵌入 在Flex中,可以...

    个人字体制作详细教程

    最后,测试你的字体在不同大小和文本中的表现,看看是否需要进一步的微调。 此外,如果你希望分享或销售你的字体,需要了解版权法规。确保你的字体不侵犯他人的设计,并且在必要时获得任何必要的许可。 总的来说,...

    java 字体逐渐展开的效果

    在Java编程语言中,实现字体逐渐展开的效果通常涉及到图形...通过不断地调整字体大小并重新绘制,就能观察到文字逐渐展开的动画效果。在实际应用中,可以结合具体需求调整字体、颜色、速度等参数,以达到理想的效果。

    VC6.0显示行号插件以及设置字体工具

    4. **修改字体和大小**:双击`Font`,在弹出的对话框中选择你希望使用的字体,比如Consolas或Courier New。对于`FontSize`,输入你喜欢的字号,如10或12。 5. **设置颜色方案**:颜色设置稍微复杂一些,因为需要...

    gvim编辑器设置字体、背景颜色备忘

    这里`guifont`是设置GUI字体的选项,`Consolas`是字体名称,`h12`表示字体大小为12号。你可以根据自己的喜好替换为其他等宽字体,如Monaco、Fira Code或Source Code Pro,并调整字号。 背景颜色的设置同样重要,...

    字体显示效果.zip

    在这个例子中,`#textElement`是需要应用动画的文本元素的选择器,`.animate()`方法接受一个CSS属性对象和持续时间作为参数,使得字体大小在500毫秒内增加10像素,然后在同样时间内返回到原始大小。 为了使动画循环...

    利用WPF建立自适应窗口大小布局的WinForm窗口[参照].pdf

    当用户的计算机的分辨率变化时,WinForm 窗口的大小和控件的字体也需要相应地变化,以适应不同的分辨率。 解决方法:使用 WPF 框架中的 ViewBox 容器空间来实现自适应窗口大小布局。ViewBox 是一种容器控件,可以...

    Linux Deepin 2021发布:加入人脸识别功能.docx

    深度终端提供了许多便利的功能,如分屏操作、工作区切换、SSH管理、自定义窗口启动方式、实时调整背景透明度、快速调整字体大小、便捷的搜索以及文件拖放功能。这些特性大大提升了命令行操作的效率和舒适度,使日常...

    质感字体按钮教程ppt模板.pptx

    - 大小调整:根据实际需求调整字体大小,确保文字信息既清晰又易于阅读。 - 效果叠加:可以通过叠加阴影、渐变色等效果来增强字体的质感表现力。 3. **按钮设计与优化:** - 图标集成:结合图标元素来增强按钮的...

    字体镶边的Label控件

    Label通常用于展示静态文本,它可以设置字体、颜色、大小、对齐方式等。在大多数编程语言中,如C#、Swift或Java,都有对应的Label类供开发者使用。在创建一个字体镶边的Label时,我们需要扩展这些基本属性,添加额外...

    div+css制作的鼠标经过放大字体样式的特效

    3. **响应式设计**:为了适应不同设备和屏幕尺寸,可以在CSS中加入媒体查询,根据屏幕宽度调整字体大小和元素尺寸,以实现更好的响应式设计效果。 #### 四、总结 通过以上分析,我们可以看到使用div和CSS实现鼠标...

    Linux Deepin 2021加入人脸识别功能.docx

    深度终端具有分屏功能、工作区切换、SSH管理工具、自定义窗口启动方式、实时调整背景透明度、快速调整字体大小以及文件拖拽等功能,大大增强了用户在终端的交互体验。 2. **深度游戏中心**:这个新增的应用为Linux...

    javascript 大中小字体显示实现代码

    在网页设计中,为了提供更好的用户体验,经常会在页面中加入字体大小调整的功能,让用户可以根据自己的需求自由切换字体的大小,从而提高阅读舒适度。本文将详细介绍如何使用JavaScript实现这一功能,以及相关的HTML...

Global site tag (gtag.js) - Google Analytics