编程 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函数库）S.Sams Lifexperience ScriptClassLib

Apr 29 Javascript

jQuery.extend 函数详解

Feb 03 Javascript

ASP.NET jQuery 实例9 通过控件hyperlink实现返回顶部效果

Feb 03 Javascript

jquery中checkbox使用方法简单实例演示

Nov 24 Javascript

js获取元素的标签名实现方法

Oct 08 Javascript

javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】

Dec 15 Javascript

JS中SetTimeout和SetInterval使用初探

Mar 23 Javascript

使用Node.js搭建静态资源服务详细教程

Aug 02 Javascript

vue项目总结之文件夹结构配置详解

Dec 13 Javascript

jQuery实现动画、消失、显现、渐出、渐入效果示例

Sep 06 jQuery

五句话帮你轻松搞定js原型链

Dec 09 Javascript

使用webpack5从0到1搭建一个react项目的实现步骤

Dec 16 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 破解防盗链图片函数

2008/12/09 PHP

PHP Zip压缩在线对文件进行压缩的函数

2010/05/26 PHP

PHP 删除文件与文件夹操作 unlink()与rmdir()这两个函数的使用

2011/07/17 PHP

php的mssql数据库连接类实例

2014/11/28 PHP

php将一维数组转换为每3个连续值组成的二维数组

2016/05/06 PHP

浅谈socket同步和异步、阻塞和非阻塞、I/O模型

2016/12/15 PHP

老生常谈php 正则中的i,m,s,x,e分别表示什么

2017/03/02 PHP

动感效果的TAB选项卡jquery 插件

2011/07/09 Javascript

JQuery DataTable删除行后的页面更新利用Ajax解决

2013/05/17 Javascript

使用js实现雪花飘落效果

2013/08/26 Javascript

js解析json读取List中的实体对象示例

2014/03/11 Javascript

JavaScript分秒倒计时器实现方法

2015/02/02 Javascript

jQuery实现仿美橙互联两级导航菜单的方法

2015/03/09 Javascript

jquery选择器中的空格与大于号>、加号+与波浪号~的区别介绍

2016/06/24 Javascript

jQuery实现table中的tr上下移动并保持序号不变的实例代码

2016/07/11 Javascript

jQuery中get方法用法分析

2016/12/07 Javascript

js中数组的常用方法小结

2016/12/30 Javascript

详解网站中图片日常使用以及优化手法

2017/01/09 Javascript

JS实现textarea通过换行或者回车把多行数字分割成数组并且去掉数组中空的值

2018/10/29 Javascript

微信小程序实现搜索功能

2020/03/10 Javascript

Python MD5加密实例详解

2017/08/02 Python

Django原生sql也能使用Paginator分页的示例代码

2017/11/15 Python

python和shell获取文本内容的方法

2018/06/05 Python

pyqt5 QProgressBar清空进度条的实例

2019/06/21 Python

Python实现获取当前目录下文件名代码详解

2020/03/10 Python

PyTorch中的拷贝与就地操作详解

2020/12/09 Python

Feelunique美国：欧洲大型的在线美妆零售电商

2018/11/04 全球购物

北大青鸟学生求职信

2013/09/24 职场文书

学校爱国卫生月活动总结

2014/06/25 职场文书

2014市府办领导班子“四风问题”对照检查材料思想汇报

2014/09/24 职场文书

论文答谢词

2015/01/20 职场文书

2015年体育教师个人工作总结

2015/05/12 职场文书

实施意见格式范本

2015/06/05 职场文书

公司员工离职感言

2015/08/03 职场文书

读《方与圆》有感：交友方圆有度

2020/01/14 职场文书

Python 机器学习工具包SKlearn的安装与使用

2021/05/14 Python