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