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

js 纯数字不重复排列的另类方法

Jul 17 Javascript

现如今最流行的JavaScript代码规范

Mar 08 Javascript

JavaScript函数作用域链分析

Feb 13 Javascript

JavaScript中对DOM节点的访问、创建、修改、删除

Nov 16 Javascript

详解js实现线段交点的三种算法

Aug 09 Javascript

AngularJS 中使用Swiper制作滚动图不能滑动的解决方法

Nov 15 Javascript

Angular的MVC和作用域

Dec 26 Javascript

JavaScript中正则表达式使数字、中文或指定字符高亮显示

Oct 31 Javascript

微信小程序实现点击按钮修改文字大小功能【附demo源码下载】

Dec 06 Javascript

vue2.0路由切换后页面滚动位置不变BUG的解决方法

Mar 14 Javascript

Layui表格行工具事件与数据回填方法

Sep 13 Javascript

微信小程序国际化探索实现(附源码地址)

May 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

laravel容器延迟加载以及auth扩展详解

2015/03/02 PHP

ecshop后台编辑器替换成ueditor编辑器

2015/03/03 PHP

php单链表实现代码分享

2016/07/04 PHP

js cookies实现简单统计访问次数

2009/11/24 Javascript

最短的IE判断代码

2011/03/13 Javascript

简单的代码实现jquery定时器

2013/11/17 Javascript

JS生成不重复随机数组的函数代码

2014/06/10 Javascript

javaScript实现滚动新闻的方法

2015/07/30 Javascript

jQuery的promise与deferred对象在异步回调中的作用

2016/05/03 Javascript

在JavaScript中模拟类(class)及类的继承关系

2016/05/20 Javascript

AngularJS表格详解及示例代码

2016/08/17 Javascript

JS中IP地址与整数相互转换的实现代码

2017/04/10 Javascript

javascript少儿编程关于返回值的函数内容

2018/05/27 Javascript

Bootstrap-table使用footerFormatter做统计列功能

2018/09/07 Javascript

详解Angular5/Angular6项目如何添加热更新(HMR)功能

2018/10/10 Javascript

vue中axios的二次封装实例讲解

2019/10/14 Javascript

vue中使用element ui的弹窗与echarts之间的问题详解

2019/10/25 Javascript

Node.js API详解之 V8模块用法实例分析

2020/06/05 Javascript

Element InputNumber 计数器的实现示例

2020/08/03 Javascript

vue 全局封装loading加载教程(全局监听)

2020/11/05 Javascript

python的id()函数解密过程

2012/12/25 Python

Python实现获取操作系统版本信息方法

2015/04/08 Python

Windows下Python使用Pandas模块操作Excel文件的教程

2016/05/31 Python

python和pygame实现简单俄罗斯方块游戏

2021/02/19 Python

Python3.7基于hashlib和Crypto实现加签验签功能(实例代码)

2019/12/04 Python

Python实现钉钉/企业微信自动打卡的示例代码

2021/02/02 Python

HTML5进阶段内联标签汇总（小篇）

2016/07/13 HTML / CSS

C语言笔试题

2014/09/04 面试题

茶叶店创业计划书范文

2014/01/19 职场文书

篮球社团活动总结

2014/06/27 职场文书

八项规定对照检查材料

2014/08/31 职场文书

敲诈同学钱财检讨书范文

2014/11/18 职场文书

一次性工伤赔偿协议书范本

2014/11/25 职场文书

会计岗位职责范本

2015/04/02 职场文书

幼儿园小朋友毕业感言

2015/07/30 职场文书

Nginx速查手册及常见问题

2022/04/07 Servers