`
pcajax
  • 浏览: 2162894 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

字体大小 js 控制

JavaScriptGoogleCSS编程.net 
阅读更多
  • 在很多大网站上为了提高用户方便阅读文字，都提供有字体大小选择功能，以适应不同年龄段人群的阅读需求，其实这种功能实现起来也很简单，修改起来也方便，字体大号由你来定，默认字体大小可以CSS页面中定义，一般网页的标准字体是9pt，也就是12px；
  • <html>
    <head>
    <title>JavaScript设置网页字体</title>
    <style>
    body{
    font-size:9pt;
    }
    </style>
    </head>
    <body>
    <div id=zoom>这是一段示例文字，你可以点击下边选择不同字号的字体，这段文字会随即改变大小。源码爱好者（CoreFans.net）提供各类编程源码、书籍教程、JavaScript/CSS特效代码以及常用软件下载等，做有质量的学习型源码下载站。</div>
    <SCRIPT language=JavaScript>
    function doZoom(size){
    document.getElementById('zoom').style.fontSize=size+'pt'
    }
    </SCRIPT>
    <P align=right>选择字号：[ <A
     href="javascript:doZoom(13)">13pt（超大）</A> <A
     href="javascript:doZoom(10.5)">10.5pt（中型）</A> <A
     href="javascript:doZoom(9)">9pt（标准）</A> ]
    </body>
    </html> <script type="text/javascript"><!-- google_ad_client = "pub-6770445892601887"; /* 468x60, 创建于 09-11-19 */ google_ad_slot = "4437639877"; google_ad_width = 468; google_ad_height = 60; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
    分享到：
    | MSN、QQ的网页链接代码
    评论
    发表评论

    您还没有登录,请您登录后再发表评论

    • 相关推荐

      js控制页面字体大小

      本文将深入探讨如何使用JavaScript来控制网页中的字体大小，以便为用户提供更友好的阅读体验。 首先，我们需要了解HTML中的字体单位。常见的字体单位有像素（px）、相对单位如百分比（%）、em、rem等。像素单位（px...

      android自定义seekbar来控制网页字体大小

      本文将深入探讨如何使用自定义Seekbar来实现对网页字体大小的控制。Seekbar，又称滑动条，是Android系统中的一个基本组件，通常用于用户进行数值选择或进度调整。在这里，我们将自定义Seekbar作为网页字体大小的调节...

      JQ 控制字体大小

      标题中的“JQ 控制字体大小”指的是使用 jQuery 这个JavaScript库来动态改变网页中元素的字体尺寸。jQuery 是一个广泛使用的JavaScript库，它简化了JavaScript代码的编写，提供了丰富的DOM操作、事件处理和动画功能...

      js控制页面字体大小.rar

      在这个“js控制页面字体大小.rar”压缩包中，我们很显然会找到关于如何使用JavaScript来改变网页中字体大小的相关资料。这通常涉及到文本的可读性和用户体验优化，特别是对于视力不佳或者需要调整页面设置以适应不同...

      通过JavaScript控制字体大小的代码

      本文将深入探讨如何使用JavaScript来控制网页中的字体大小。 首先，我们要理解JavaScript是如何访问和修改HTML元素的。`document.getElementsByTagName()` 方法是一个关键的JavaScript函数，它允许我们根据标签名称...

      js控制页面字体大小特效代码

      在JavaScript（JS）中控制网页字体大小是一种常见的需求，它能提供更好的可访问性和用户体验，尤其是对于视力不好的用户或者需要调整屏幕阅读的用户。本文将深入探讨如何使用JavaScript实现页面字体大小的动态调整，...

      jQuery调整文章字体大小代码.zip

      它可能包含了如何在HTML页面中引入jQuery库和`jiaoben5064.js`文件，以及如何创建控制字体大小的UI元素（如按钮或滑块）的示例代码。文档可能还解释了如何绑定事件处理器，以便在用户交互时触发字体大小的改变。 在...

      JavaScript 控制字体大小设置的方法

      接下来，我们将详细探讨如何利用JavaScript来实现控制字体大小的功能。 首先，我们来看看实现这一功能的基本思路。基本思路是通过JavaScript函数来动态地改变元素字体大小的CSS属性。为了实现这一功能，我们需要...

      webview 修改字体颜色大小背景 js实现

      要修改字体大小，可以使用`style.fontSize`属性。以下示例将元素的字体大小设置为24像素： ```javascript document.getElementById('myElement').style.fontSize = '24px'; ``` 五、改变背景色 对于背景色的修改，...

      JS控制页面背景色、字体、滚屏速度

      JS控制页面背景色切换、显示字体、滚屏速度

      js控制页面字体大小（js特效）

      自己做项目需要，才去找的资源，一起学习！！

      text-show插件，容器大小固定，根据文字多少来调节显示的字体大小

      3. **CSS样式控制**：虽然插件会自动调整字体大小，但开发者仍然需要通过CSS来设定容器的固定大小以及文本的基本样式，例如颜色、行高、对齐方式等。 4. **文本格式化**：`text-show`专注于调整字体大小，但若需...

      用javascript改变网页字体大小的技巧.doc

      1. **指定 ID 控制字体大小** 这种方法是通过给特定 ID 的元素（如正文）绑定 JavaScript 事件来改变字体大小。在示例中，`setfont()` 函数接收一个参数 `size`，然后找到 ID 为 "content" 的元素并将其字体大小...

      Android Html支持字体大小和加粗样式(可扩展)

      这里的"sp"是 scalable pixels 的缩写，它会随着系统的字体大小设置自动缩放，适合用作用户界面的文本。 其次，`&lt;font-weight&gt;`标签用于设置字体的粗细。在HTML中，我们可以使用数字（如400、700）或者关键词（如...

      JQISOTEXT字体大小过渡

      `JQISOTEXT` 插件就是利用 jQuery 的 API 来选取元素、操作样式以及控制时间序列，实现字体大小的平滑过渡。 **JQISOTEXT 插件工作原理** 1. **选取元素**：插件首先通过 jQuery 选择器找到要应用动态字体大小的...

      jQuery设置网页字体大小代码.zip

      在网页设计中，字体大小的控制是用户体验的关键要素之一。为了实现动态调整字体大小的功能，jQuery作为一个强大的JavaScript库，提供了便捷的解决方案。本教程将深入探讨如何利用jQuery实现网页字体大小的设置，并...

      jQuery 拖动滑块改变字体大小(效果超酷)

      然后，我们可以编写JavaScript代码来监听滑块的变动，并实时更新字体大小。这里我们使用`$(document).ready()`确保页面加载完成后执行我们的代码： ```javascript $(document).ready(function() { // 获取滑块和...

      JS根据浏览器窗口大小实时动态改变网页文字大小的方法

      本文主要介绍如何使用JavaScript实现根据浏览器窗口大小动态调整网页文字大小的功能。该技术在实现网页响应式设计中具有重要意义，允许网页内容在不同尺寸的屏幕设备上都能保持良好的可读性和布局适应性。 首先，...

      asp.net 改变新闻内容的字体的大小颜色

      在新闻内容中，我们可以使用`&lt;font&gt;`标签来设置字体大小和颜色，但现代网页开发更倾向于使用CSS来处理样式。例如，字体大小可以通过`size`属性设定，颜色通过`color`属性设定： ```html &lt;p&gt;&lt;font size="5" color=...

      js如何改变文章的字体大小

      在Web开发中，动态改变页面中文本的字体大小是常见的需求之一，可以通过JavaScript（js）来实现。本文将详细介绍使用JavaScript如何改变页面中文本的字体大小，包括HTML、CSS和JavaScript的基本使用方法。 ### HTML...

    Magicbox
    Global site tag (gtag.js) - Google Analytics