编程 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控制表格隔行变色

Jun 26 Javascript

javascript中判断一个值是否在数组中并没有直接使用

Dec 17 Javascript

jsp+javascript打造级连菜单的实例代码

Jun 14 Javascript

javascript实现延时显示提示框特效代码

Apr 27 Javascript

JS打印组合功能

Aug 04 Javascript

React入门教程之Hello World以及环境搭建详解

Jul 11 Javascript

Mint UI 基于 Vue.js 移动端组件库

Nov 07 Javascript

详解Vue2.0组件的继承与扩展

Nov 23 Javascript

微信小程序实现省市区三级地址选择

Jun 21 Javascript

React组件对子组件children进行加强的方法

Jun 23 Javascript

electron+vue实现div contenteditable截图功能

Jan 07 Javascript

JavaScript中交换值的10种方法总结

Aug 18 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

浅谈discuz密码加密的方式

2014/05/22 PHP

php计算两个日期时间差（返回年、月、日）

2014/06/19 PHP

CodeIgniter模板引擎使用实例

2014/07/15 PHP

理解php依赖注入和控制反转

2016/05/11 PHP

laravel-admin解决表单select联动时,编辑默认没选上的问题

2019/09/30 PHP

懒就要懒到底——鼠标自动点击（含时间判断）

2007/02/20 Javascript

JavaScript 高级语法介绍

2009/06/15 Javascript

javascript 写类方式之八

2009/07/05 Javascript

浅析JavaScript中两种类型的全局对象/函数

2013/12/05 Javascript

jQuery可见性过滤器：hidden和：visibility用法实例

2015/06/24 Javascript

jquery解析json格式数据的方法(对象、字符串)

2015/11/24 Javascript

深入理解js函数的作用域与this指向

2016/05/28 Javascript

JS判断是否手机或pad访问实现方法

2016/12/09 Javascript

JS动态遍历json中所有键值对的方法(不知道属性名的情况)

2016/12/28 Javascript

JS中Array数组学习总结

2017/01/18 Javascript

详谈js遍历集合(Array,Map,Set)

2017/04/06 Javascript

jQuery ajax调用webservice注意事项

2017/10/08 jQuery

js与jQuery实现的用户注册协议倒计时功能实例【三种方法】

2017/11/09 jQuery

layui框架中layer父子页面交互的方法分析

2017/11/15 Javascript

js数组常用最重要的方法

2018/02/04 Javascript

js中的闭包学习心得

2018/02/06 Javascript

vue cli webpack中使用sass的方法

2018/02/24 Javascript

Vue 中使用vue2-highcharts实现曲线数据展示的方法

2018/03/05 Javascript

JS使用正则表达式获取小括号、中括号及花括号内容的方法示例

2018/06/01 Javascript

小程序自定义模板实现吸顶功能

2020/01/08 Javascript

Python内置模块turtle绘图详解

2017/12/09 Python

flask的orm框架SQLAlchemy查询实现解析

2019/12/12 Python

Django实现随机图形验证码的示例

2020/10/15 Python

python爬虫请求头的使用

2020/12/01 Python

python实现跨年表白神器--你值得拥有

2021/01/04 Python

北欧最好的童装网上商店：Babyshop

2019/09/15 全球购物

Laravel的加密解密与哈希实例讲解

2021/03/24 PHP

Laravel中获取IP的真实地理位置

2021/04/01 PHP

基于python定位棋子位置及识别棋子颜色

2021/07/26 Python

Apache Hudi 加速传统的批处理模式

2022/04/24 Servers

Python 文字识别

2022/05/11 Python