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

JavaScript写的一个DIV 弹出网页对话框

Aug 14 Javascript

jquery 插件开发方法小结

Oct 23 Javascript

Javascript 设计模式（二）闭包

May 26 Javascript

基于jquery打造的百分比动态色彩条插件

Sep 19 Javascript

jquery 单引号和双引号的区别及使用注意

Jul 31 Javascript

解决Jquery鼠标经过不停滑动的问题

Mar 03 Javascript

jquery中append()与appendto()用法分析

Nov 14 Javascript

Knockoutjs 学习系列(一)ko初体验

Jun 07 Javascript

用iframe实现不刷新整个页面上传图片的实例

Nov 18 Javascript

jQuery实现扑克正反面翻牌效果

Mar 10 Javascript

AugularJS从入门到实践(必看篇)

Jul 10 Javascript

微信小程序bindinput与bindsubmit的区别实例分析

Apr 17 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 Error与Logging函数的深入理解

2013/06/03 PHP

PHP+Javascript实现在线拍照功能实例

2015/07/18 PHP

TP5(thinkPHP框架)实现后台清除缓存功能示例

2019/05/29 PHP

php下的原生ajax请求用法实例分析

2020/02/28 PHP

a标签的css样式四个状态

2021/03/09 HTML / CSS

js技巧--转义符"\"的妙用

2007/01/09 Javascript

JavaScript中的对象化编程

2008/01/16 Javascript

JavaScript 学习笔记（七）字符串的连接

2009/12/31 Javascript

js图片自动轮播代码分享(js图片轮播)

2014/05/06 Javascript

jQuery源码解读之hasClass()方法分析

2015/02/20 Javascript

基于javascript实现单选及多选的向右和向左移动实例

2015/07/25 Javascript

DropDownList控件绑定数据源的三种方法

2016/12/24 Javascript

Javascript DOM事件操作小结(监听鼠标点击、释放，悬停、离开等)

2017/01/20 Javascript

JS判断指定dom元素是否在屏幕内的方法实例

2017/01/23 Javascript

node操作mysql数据库实例详解

2017/03/17 Javascript

jQuery Form插件使用详解_动力节点Java学院整理

2017/07/17 jQuery

小程序使用wxs解决wxml保留2位小数问题

2019/12/13 Javascript

Vue表单提交点击事件只允许点击一次的实例

2020/10/23 Javascript

Python中基本的日期时间处理的学习教程

2015/10/16 Python

python实现批量按比例缩放图片效果

2018/03/30 Python

Django框架的中的setting.py文件说明详解

2018/10/15 Python

python实现桌面壁纸切换功能

2019/01/21 Python

Python发展史及网络爬虫

2019/06/19 Python

python实现ftp文件传输系统(案例分析)

2020/03/20 Python

python3.7.3版本和django2.2.3版本是否可以兼容

2020/09/01 Python

python脚本定时发送邮件

2020/12/22 Python

如何让pre和textarea等HTML元素去掉滚动条自动换行自适应文本内容高度

2019/08/01 HTML / CSS

德国传统玻璃制造商：Cristalica

2018/04/23 全球购物

如何拷贝一整个Java对象，包括它的状态

2013/12/27 面试题

材料成型及控制工程专业求职信

2014/06/19 职场文书

村干部群众路线教育活动对照检查材料

2014/10/01 职场文书

2015年公务员工作总结

2015/04/24 职场文书

用position:sticky完美解决小程序吸顶问题的实现方法

2021/04/24 HTML / CSS

MySQL慢查询的坑

2021/04/28 MySQL

JavaWeb Servlet实现网页登录功能

2021/07/04 Java/Android

Python实现自动玩连连看的脚本分享

2022/04/04 Python