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程序设计有所帮助。

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