编程 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 相关文章推荐

科讯商业版中用到的ajax空间与分页函数

Sep 02 Javascript

js获取url参数的使用扩展实例

Dec 29 Javascript

Google Map API更新实现用户自定义标注坐标

Jul 29 Javascript

Mootools 1.2教程排序类和方法简介

Sep 15 Javascript

jQuery中对未来的元素绑定事件用bind、live or on

Apr 17 Javascript

什么是Node.js？Node.js详细介绍

Jun 01 Javascript

js实现跟随鼠标移动且带关闭功能的图片广告实例

Feb 26 Javascript

原生js编写2048小游戏

Mar 17 Javascript

使用jQuery实现两个div中按钮互换位置的实例代码

Sep 21 jQuery

深入浅析ES6 Class 中的 super 关键字

Oct 20 Javascript

vant-ui框架的一个bug(解决切换后onload不触发)

Nov 11 Javascript

用JS写一个发布订阅模式

Nov 07 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中使用Sockets 从Usenet中获取文件

2008/01/10 PHP

网站用php实现paypal整合方法

2010/11/28 PHP

ThinkPHP使用UTFWry地址库进行IP定位实例

2014/04/01 PHP

javascript入门·对象属性方法大总结

2007/10/01 Javascript

跟我一起学写jQuery插件开发方法（附完整实例及下载）

2010/04/01 Javascript

js 关于=+与+=日期函数使用说明(赋值运算符)

2011/11/15 Javascript

JS window对象的top、parent、opener含义介绍

2013/12/03 Javascript

jquery序列化方法实例分析

2015/06/10 Javascript

JS验证逗号隔开可以是中文字母数字

2016/04/22 Javascript

jQuery的图片轮播插件PgwSlideshow使用详解

2016/08/11 Javascript

Html5+jQuery+CSS制作相册小记录

2016/12/30 Javascript

vuejs使用FormData实现ajax上传图片文件

2017/08/08 Javascript

vue elementui form表单验证的实现

2018/11/11 Javascript

ES6 迭代器与可迭代对象的实现

2019/02/11 Javascript

通过实例解析JavaScript for in及for of区别

2020/06/15 Javascript

使用70行Python代码实现一个递归下降解析器的教程

2015/04/17 Python

Python 中的 else详解

2016/04/23 Python

Windows和Linux下Python输出彩色文字的方法教程

2017/05/02 Python

对python 矩阵转置transpose的实例讲解

2018/04/17 Python

flask中的wtforms使用方法

2018/07/21 Python

pandas 条件搜索返回列表的方法

2018/10/30 Python

Django unittest 设置跳过某些case的方法

2018/12/26 Python

带你认识Django

2019/01/15 Python

python set集合使用方法解析

2019/11/05 Python

python 实现PIL模块在图片画线写字

2020/05/16 Python

python实现图书馆抢座(自动预约)功能的示例代码

2020/09/29 Python

简历自荐信

2013/12/02 职场文书

三年级数学教学反思

2014/01/31 职场文书

超市中秋节活动方案

2014/02/12 职场文书

大学生个人自荐信

2014/02/24 职场文书

能源工程专业应届生求职信

2014/03/01 职场文书

法学专业毕业生求职信

2014/06/12 职场文书

党员反对四风问题思想汇报

2014/09/12 职场文书

基层党组织建设整改方案

2014/09/16 职场文书

如何打开Win11系统注册表编辑器？Win11注册表编辑器打开修复方法

2022/04/05 数码科技

PostgreSQL怎么创建分区表详解

2022/06/25 PostgreSQL