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

Extjs学习笔记之七布局

Jan 08 Javascript

js中使用DOM复制（克隆）指定节点名数据到新的XML文件中的代码

Jul 27 Javascript

JQueryEasyUI Layout布局框架的使用

Apr 08 Javascript

js有序数组的连接问题

Oct 01 Javascript

jQuery实现的图文高亮滚动切换特效实例

Aug 10 Javascript

纯js实现手风琴效果

Apr 17 Javascript

JavaScript 中使用 Generator的方法

Dec 29 Javascript

js提取中文拼音首字母的封装工具类

Mar 12 Javascript

在小程序中使用Echart图表的示例代码

Aug 02 Javascript

element-ui的回调函数Events的用法详解

Oct 16 Javascript

原生js实现Flappy Bird小游戏

Dec 24 Javascript

Promise静态四兄弟实现示例详解

Jul 07 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与Java进行通信的实现方法

2013/10/21 PHP

php导入大量数据到mysql性能优化技巧

2014/12/29 PHP

PHP查找数值数组中不重复最大和最小的10个数的方法

2015/04/20 PHP

PHP实现适用于文件内容操作的分页类

2016/06/15 PHP

php正确输出json数据的实例讲解

2018/08/21 PHP

JQuery UI DatePicker中z-index默认为1的解决办法

2010/09/28 Javascript

JavaScript学习笔记记录我的旅程

2012/05/23 Javascript

Javascript this 的一些学习总结

2012/08/31 Javascript

jquery制作LED 时钟特效

2015/02/01 Javascript

jQuery.position()方法获取不到值的安全替换方法

2015/03/13 Javascript

css如何让浮动元素水平居中

2015/08/07 Javascript

jQuery解决input超多的表单提交

2015/08/10 Javascript

遮罩层点击按钮弹出并且具有拖动和关闭效果（两种方法）

2015/08/20 Javascript

jquery实现的Accordion折叠面板效果代码

2015/09/02 Javascript

jquery实现横向图片轮播特效代码分享

2015/11/19 Javascript

jquery中validate与form插件提交的方式小结

2016/03/26 Javascript

React-Native做一个文本输入框组件的实现代码

2017/08/10 Javascript

vue-router 源码实现前端路由的两种方式

2018/07/02 Javascript

原生JS实现$.param() 函数的方法

2018/08/10 Javascript

在vue中更换字体,本地存储字体非引用在线字体库的方法

2018/09/28 Javascript

VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解

2018/11/30 Javascript

浅谈vue 组件中的setInterval方法和window的不同

2020/07/30 Javascript

[02:17]《辉夜杯》TRG战队巡礼

2015/10/26 DOTA

python简单程序读取串口信息的方法

2015/03/13 Python

python模仿网页版微信发送消息功能

2018/02/24 Python

Python基于sklearn库的分类算法简单应用示例

2018/07/09 Python

基于python全局设置id 自动化测试元素定位过程解析

2019/09/04 Python

python用线性回归预测股票价格的实现代码

2019/09/04 Python

在pytorch 中计算精度、回归率、F1 score等指标的实例

2020/01/18 Python

python 的numpy库中的mean()函数用法介绍

2020/03/03 Python

Python使用socket模块实现简单tcp通信

2020/08/18 Python

巴西箱包、背包、钱包和旅行配件购物网站：Inovathi

2019/12/14 全球购物

DOM和JQuery对象有什么区别

2016/11/11 面试题

司法局火灾防控方案

2014/06/05 职场文书

2015年教育实习工作总结

2015/04/24 职场文书

nginx代理实现静态资源访问的示例代码

2022/07/07 Servers