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

JQuery.uploadify 上传文件插件的使用详解 for ASP.NET

Jan 22 Javascript

jquery.messager.js插件导致页面抖动的解决方法

Jul 14 Javascript

eclipse如何忽略js文件报错(附图)

Oct 30 Javascript

jQuery中data()方法用法实例

Dec 27 Javascript

从源码看angular/material2 中 dialog模块的实现方法

Oct 18 Javascript

Vue的移动端多图上传插件vue-easy-uploader的示例代码

Nov 27 Javascript

Angular2.0/4.0 使用Echarts图表的示例代码

Dec 07 Javascript

jQuery+Datatables实现表格批量删除功能【推荐】

Oct 24 jQuery

seajs和requirejs模块化简单案例分析

Aug 26 Javascript

关于layui导航栏不展示下拉列表的解决方法

Sep 25 Javascript

浅谈vue 锚点指令v-anchor的使用

Nov 13 Javascript

javascript设计模式 ? 策略模式原理与用法实例分析

Apr 21 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

第十三节对象串行化 [13]

2006/10/09 PHP

PHP控制网页过期时间的代码

2008/09/28 PHP

php通过ksort()函数给关联数组按照键排序的方法

2015/03/18 PHP

PHP SPL标准库之SplFixedArray使用实例

2015/05/12 PHP

PHP中的Trait 特性及作用

2016/04/03 PHP

PHP实现的随机红包算法示例

2017/08/14 PHP

jQuery中文入门指南，翻译加实例，jQuery的起点教程

2007/01/13 Javascript

基于jquery自定义的漂亮单选按钮RadioButton

2013/11/19 Javascript

javascript实时显示当天日期的方法

2015/05/20 Javascript

JS日期加减,日期运算代码

2015/11/05 Javascript

jQuery div拖拽用法实例

2016/01/14 Javascript

JQuery日期插件datepicker的使用方法

2016/03/03 Javascript

js获取隐藏元素宽高的实现方法

2016/05/19 Javascript

js实现可旋转的立方体模型

2016/10/16 Javascript

动态Axios的配置步骤详解

2018/01/12 Javascript

在vue项目中使用sass的配置方法

2018/03/20 Javascript

js动态设置select下拉菜单的默认选中项实例

2018/08/21 Javascript

vue中实现高德定位功能

2019/12/03 Javascript

element-ui树形控件后台返回的数据+生成组织树的工具类

2020/03/05 Javascript

JavaScript中的Proxy对象

2020/11/27 Javascript

Python中还原JavaScript的escape函数编码后字符串的方法

2014/08/22 Python

python生成词云的实现方法(推荐)

2017/06/13 Python

用matplotlib画等高线图详解

2017/12/14 Python

Python中str.join()简单用法示例

2018/03/20 Python

pyinstaller打包多个py文件和去除cmd黑框的方法

2019/06/21 Python

python3.5 cv2 获取视频特定帧生成jpg图片

2019/08/28 Python

Python基础之函数原理与应用实例详解

2020/01/03 Python

python中threading开启关闭线程操作

2020/05/02 Python

html5使用html2canvas实现浏览器截图的示例

2017/08/31 HTML / CSS

美国家喻户晓的保健品品牌：Vitamin World（维他命世界）

2016/08/19 全球购物

生物制药毕业生自荐信

2013/10/16 职场文书

物业保安员岗位职责制度

2014/01/30 职场文书

秘书英文求职信

2014/04/16 职场文书

优秀教师先进材料

2014/12/16 职场文书

2019开业庆典剪彩仪式主持词！

2019/07/22 职场文书

Django实现WebSocket在线聊天室功能(channels库)

2021/09/25 Python