编程 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 放大镜移动镜片效果代码

May 09 Javascript

深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制

Jun 10 Javascript

JavaScript中的迭代器和生成器详解

Oct 29 Javascript

Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效

Mar 06 Javascript

jQuery动画显示和隐藏效果实例演示(附demo源码下载)

Dec 31 Javascript

js+css实现回到顶部按钮（back to top）

Mar 02 Javascript

jquery实现下拉框多选方法介绍

Jan 03 Javascript

JavaScript实现审核流程状态的动态显示进度条

Mar 15 Javascript

单页面vue引入百度统计的使用方法示例详解

Oct 13 Javascript

如何测量vue应用运行时的性能

Jun 21 Javascript

Element Notification通知的实现示例

Jul 27 Javascript

Echarts.js无法引入问题解决方案

Oct 30 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设计模式 DAO(数据访问对象模式)

2011/06/26 PHP

关于php程序报date()警告的处理(date_default_timezone_set)

2013/10/22 PHP

WordPress中的shortcode短代码功能使用详解

2016/05/17 PHP

PHP魔术方法以及关于独立实例与相连实例的全面讲解

2016/10/18 PHP

php多进程中的阻塞与非阻塞操作实例分析

2020/03/04 PHP

FLASH 广告之外的链接

2008/12/16 Javascript

jquery实现点击TreeView文本父节点展开/折叠子节点

2013/01/10 Javascript

js展开闭合效果演示代码

2013/07/24 Javascript

js取两个数组的交集|差集|并集|补集|去重示例代码

2013/08/07 Javascript

jquery eval解析JSON中的注意点介绍

2013/08/23 Javascript

js实现select组件的选择输入过滤代码

2014/10/14 Javascript

Javascript学习笔记之函数篇（六） : 作用域与命名空间

2014/11/23 Javascript

html的DOM中document对象forms集合用法实例

2015/01/21 Javascript

基于JS实现bookstore静态页面的实例代码

2017/02/22 Javascript

webpack独立打包和缓存处理详解

2017/04/03 Javascript

Vue表单demo v-model双向绑定问题

2018/06/29 Javascript

又拍云 Node.js 实现文件上传、删除功能

2018/10/28 Javascript

JavaScript中的函数申明、函数表达式、箭头函数

2019/12/06 Javascript

在vue中axios设置timeout超时的操作

2020/09/04 Javascript

Python3实现从指定路径查找文件的方法

2015/05/22 Python

Python自动化部署工具Fabric的简单上手指南

2016/04/19 Python

Python探索之修改Python搜索路径

2017/10/25 Python

python设定并获取socket超时时间的方法

2019/01/12 Python

PyTorch实现ResNet50、ResNet101和ResNet152示例

2020/01/14 Python

Python过滤掉numpy.array中非nan数据实例

2020/06/08 Python

Python使用tkinter制作在线翻译软件

2021/02/22 Python

canvas小画板之平滑曲线的实现

2020/08/12 HTML / CSS

迪斯尼假期（欧洲、中东及非洲）：Disney Holidays EMEA

2021/02/15 全球购物

英国户外服装、鞋类和设备的领先零售商：Millets

2020/10/12 全球购物

供货协议书

2014/04/22 职场文书

宣传活动总结范文

2014/07/01 职场文书

2015年信息中心工作总结

2015/05/25 职场文书

小兵张嘎观后感

2015/06/03 职场文书

KTV员工管理制度

2015/08/06 职场文书

小学五年级班主任工作经验交流材料

2015/11/02 职场文书

使用pandas或numpy处理数据中的空值(np.isnan()/pd.isnull())

2021/05/14 Python