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

mouse_on_title.js

Aug 25 Javascript

javascript使用eval或者new Function进行语法检查

Oct 16 Javascript

ajax读取数据后使用jqchart显示图表的方法

Jun 10 Javascript

根据user-agent判断蜘蛛代码黑帽跳转代码(js版与php版本)

Sep 14 Javascript

js鼠标点击图片切换效果实现代码

Nov 19 Javascript

理解JS事件循环

Jan 07 Javascript

Node.js复制文件的方法示例

Dec 29 Javascript

分享bootstrap学习笔记心得(组件及其属性)

Jan 11 Javascript

Node.js开发第三方微信公众平台

Jun 05 Javascript

Vue.js中的图片引用路径的方式

Jul 28 Javascript

微信小程序实现文字无限轮播效果

Dec 28 Javascript

Ant Design的Table组件去除

Oct 24 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安全配置方法

2007/06/16 PHP

YII CLinkPager分页类扩展增加显示共多少页

2016/01/29 PHP

PHP中$GLOBALS['HTTP_RAW_POST_DATA']和$_POST的区别分析

2017/07/03 PHP

php数组遍历类与用法示例

2019/05/24 PHP

jQuery.extend()、jQuery.fn.extend()扩展方法示例详解

2014/05/08 Javascript

Nodejs极简入门教程（一）：模块机制

2014/10/25 NodeJs

jQuery中判断对象是否存在的方法汇总

2016/02/24 Javascript

浅谈js里面的InttoStr和StrtoInt

2016/06/14 Javascript

值得分享的Bootstrap Table使用教程

2016/11/23 Javascript

vue.js入门（3）——详解组件通信

2016/12/02 Javascript

基于javascript实现按圆形排列DIV元素(一)

2016/12/02 Javascript

深入理解Commonjs规范及Node模块实现

2017/05/17 Javascript

node.js实现微信开发之获取用户授权

2019/03/18 Javascript

JS回调函数 callback的理解与使用案例分析

2019/09/09 Javascript

[02:36]DOTA2-DPC中国联赛正赛 PSG.LGD vs Magma 选手采访

2021/03/11 DOTA

Python实现竖排打印传单手机号码易撕条

2015/03/16 Python

在Python中处理时间之clock()方法的使用

2015/05/22 Python

Python中列表和元组的使用方法和区别详解

2020/12/30 Python

Python实现的读取电脑硬件信息功能示例

2018/05/30 Python

python实现人人自动回复、抢沙发功能

2018/06/08 Python

python2.x实现人民币转大写人民币

2018/06/20 Python

Python3实现的判断环形链表算法示例

2019/03/07 Python

Python代码实现http/https代理服务器的脚本

2019/08/12 Python

python脚本实现音频m4a格式转成MP3格式的实例代码

2019/10/09 Python

python批量处理txt文件的实例代码

2020/01/13 Python

Python的Django框架实现数据库查询(不返回QuerySet的方法)

2020/05/19 Python

最新远光软件笔试题面试题内容

2013/11/08 面试题

解释i节点在文件系统中的作用

2013/11/26 面试题

大学生简历的个人自我评价

2013/12/04 职场文书

12月小学生校园广播稿

2014/02/04 职场文书

《雨点》教学反思

2014/02/12 职场文书

劲霸男装广告词改编版

2014/03/21 职场文书

如何写辞职信

2015/05/13 职场文书

寻衅滋事罪辩护词

2015/05/21 职场文书

七夕情人节问候语

2015/11/11 职场文书

总结一下关于在Java8中使用stream流踩过的一些坑

2021/06/24 Java/Android