编程 Javascript

JS实现文字放大效果的方法

Posted in Javascript onMarch 03, 2015

本文实例讲述了JS实现文字放大效果的方法。分享给大家供大家参考。具体实现方法如下：

<!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>

<title>JS实现文字放大效果</title>

<script type="text/javascript">

  var n = 12;

  function chanTxt()

  {

    var obj = document.getElementById("test");

    if(n <= 42)

    {

      obj.style.fontSize = n+"px";

    }

 n++;

  }

</script>

</head>

<body>鼠标经过橙色部分

<div id="test" onmouseover="setInterval('chanTxt()',100)" style="width:300px; height:50px; font-size:12px; line-height:50px; background:#f90;">三水点靠木</div>

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

JS实现文字放大效果的方法

- Author -

代码家园

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

greybox——不开新窗口看新的网页

Feb 20 Javascript

制作高质量的JQuery Plugin 插件的方法

Apr 20 Javascript

Juqery Html(),append()等方法的Bug解决方法

Dec 13 Javascript

jquery Moblie入门—hello world的示例代码学习

Jan 08 Javascript

解决javascript:window.close()在chrome,Firefox下失效的问题

May 07 Javascript

禁止页面刷新让F5快捷键及右键都无效

Jan 22 Javascript

jstree创建无限分级树的方法【基于ajax动态创建子节点】

Oct 25 Javascript

JavaScript中transform实现数字翻页效果

Mar 08 Javascript

Vue.js 单页面多路由区域操作的实例详解

Jul 17 Javascript

对Vue.js之事件的绑定(v-on: 或者 @ )详解

Sep 15 Javascript

微信小程序实现弹出菜单动画

Jun 21 Javascript

vue实现直播间点赞飘心效果的示例代码

Sep 20 Javascript

jQuery实现的感应鼠标悬停图片色彩渐显效果

Mar 03 #Javascript

js给网页加上背景音乐及选择音效的方法

Mar 03 #Javascript

分享一则JavaScript滚动条插件源码

Mar 03 #Javascript

深入理解JavaScript系列（35）：设计模式之迭代器模式详解

Mar 03 #Javascript

jQuery选择器之基本选择器与层次选择器

Mar 03 #Javascript

JS实现在网页中弹出一个输入框的方法

Mar 03 #Javascript

深入理解JavaScript系列（34）：设计模式之命令模式详解

Mar 03 #Javascript

You might like

php邮件发送,php发送邮件的类

2011/03/24 PHP

PHP imagegrabscreen和imagegrabwindow(截取网站缩略图)的实例代码

2013/11/07 PHP

用PHP的socket实现客户端到服务端的通信实例详解

2017/02/04 PHP

浅谈laravel-admin的sortable和orderby使用问题

2019/10/03 PHP

不能再简单的无闪刷新验证码原理很简单

2007/11/05 Javascript

HTML颜色选择器实现代码

2010/11/23 Javascript

jQuery判断密码强度实现思路及代码

2013/04/24 Javascript

理解JAVASCRIPT中hasOwnProperty()的作用

2013/06/05 Javascript

很全面的JavaScript常用功能汇总集合

2016/01/22 Javascript

JS 对java返回的json格式的数据处理方法

2016/12/05 Javascript

激动人心的 Angular HttpClient的源码解析

2017/07/10 Javascript

node+vue实现用户注册和头像上传的实例代码

2017/07/20 Javascript

Angular.js中$resource高大上的数据交互详解

2017/07/30 Javascript

React教程之Props验证的具体用法（Props Validation）

2017/09/04 Javascript

webpack+vue-cli项目中引入外部非模块格式js的方法

2018/09/28 Javascript

JavaScript this指向相关原理及实例解析

2020/07/10 Javascript

Python类属性与实例属性用法分析

2015/05/09 Python

详解Python3中yield生成器的用法

2015/08/20 Python

Google开源的Python格式化工具YAPF的安装和使用教程

2016/05/31 Python

python实现单链表中删除倒数第K个节点的方法

2018/09/28 Python

Python+OpenCV图片局部区域像素值处理详解

2019/01/23 Python

selenium+python自动化测试之使用webdriver操作浏览器的方法

2019/01/23 Python

python os模块简单应用示例

2019/05/23 Python

使用python检查yaml配置文件是否符合要求

2020/04/09 Python

使用OpenCV获取图片连通域数量,并用不同颜色标记函

2020/06/04 Python

Python 列表中的修改、添加和删除元素的实现

2020/06/11 Python

详解CSS3开启硬件加速的使用和坑

2017/08/21 HTML / CSS

html5时钟实现代码

2010/10/22 HTML / CSS

英国户外服装品牌：Craghoppers

2019/04/25 全球购物

亚洲航空公司官方网站：AirAsia

2019/11/25 全球购物

网站设计师的岗位职责

2013/11/21 职场文书

卖房协议书

2014/04/11 职场文书

公安四风对照检查材料思想汇报

2014/10/11 职场文书

研究生导师推荐信

2015/03/25 职场文书

红楼梦读书笔记

2015/06/25 职场文书

java实现自定义时钟并实现走时功能

2022/06/21 Java/Android