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

Web层改进II-用xmlhttp 无声息提交复杂表单

Jan 22 Javascript

Extjs列表详细信息窗口新建后自动加载解决方法

Apr 02 Javascript

JavaScipt中的Math.ceil() 、Math.floor() 、Math.round() 三个函数的理解

Apr 29 Javascript

JavaScript经典效果集锦

Jul 06 Javascript

js弹出窗口之弹出层的小例子

Jun 17 Javascript

js 鼠标移动显示图片的简单实例

Dec 25 Javascript

jQuery实现回车键（Enter）切换文本框焦点的代码实例

May 05 Javascript

使用jQuery判断浏览器滚动条位置的方法

May 30 Javascript

微信JSAPI Ticket接口签名详解

Jun 28 Javascript

vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)

Oct 16 Javascript

vue实现引入本地json的方法分析

Jul 12 Javascript

基于vue-cli3创建libs库的实现方法

Dec 04 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之第一天

2006/10/09 PHP

PHP 面向对象详解

2012/09/13 PHP

探讨:如何使用PHP实现计算两个日期间隔的年、月、周、日数

2013/06/13 PHP

php socket客户端及服务器端应用实例

2014/07/04 PHP

PHP CURL 多线程操作代码实例

2015/05/13 PHP

Windows Server 2008 R2和2012中PHP连接MySQL过慢的解决方法

2016/07/02 PHP

PHP高精确度运算BC函数库实例详解

2017/08/15 PHP

thinkphp5.1框架模板赋值与变量输出示例

2020/05/25 PHP

JQuery Tips(2) 关于$()包装集你不知道的

2009/12/14 Javascript

Javascript:为input设置readOnly属性(示例讲解)

2013/12/25 Javascript

Node.js实现批量去除BOM文件头

2014/12/20 Javascript

Three.js快速入门教程

2016/09/09 Javascript

基于JavaScript实现焦点图轮播效果

2017/03/27 Javascript

js遍历获取表格内数据的方法(必看)

2017/04/06 Javascript

详解angularjs 关于ui-router分层使用

2017/06/12 Javascript

Angular.js实现获取验证码倒计时60秒按钮的简单方法

2017/10/18 Javascript

vuex的简单使用教程

2018/02/02 Javascript

详解Nodejs get获取远程服务器接口数据

2019/03/26 NodeJs

原生Vue 实现右键菜单组件功能

2019/12/16 Javascript

vue element和nuxt的使用技巧分享

2021/01/14 Vue.js

python 正则式使用心得

2009/05/07 Python

Python Tkinter实现简易计算器功能

2018/01/30 Python

解决pycharm同一目录下无法import其他文件

2020/02/12 Python

Keras设定GPU使用内存大小方式(Tensorflow backend)

2020/05/22 Python

html5中嵌入视频自动播放的问题解决

2020/05/25 HTML / CSS

编写一个 C 函数，该函数在一个字符串中找到可能的最长的子字符串，且该字符串是由同一字符组成的

2015/07/23 面试题

实习求职信

2013/12/01 职场文书

毕业生自荐书模版

2014/01/04 职场文书

大学军训感想

2014/02/12 职场文书

一年级学生评语

2014/04/23 职场文书

行政执法队伍作风整顿个人剖析材料

2014/10/11 职场文书

画展邀请函

2015/01/31 职场文书

大学三好学生主要事迹范文

2015/11/03 职场文书

教你怎么用Python生成九宫格照片

2021/05/20 Python

刚学完怎么用Python实现定时任务,转头就跑去撩妹!

2021/06/05 Python

Python中seaborn库之countplot的数据可视化使用

2021/06/11 Python