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

jcarousellite.js 基于Jquery的图片无缝滚动插件

Dec 30 Javascript

基于jquery的3d效果实现代码

Mar 23 Javascript

在IE 浏览器中使用 jquery的fadeIn() 效果英文字符字体加粗

Jun 02 Javascript

dojo学习第一天 Tab选项卡实现

Aug 28 Javascript

js一般方法改写成面向对象方法的无限级折叠菜单示例代码

Jul 04 Javascript

jQuery 三击事件实现代码

Sep 11 Javascript

js简单实现让文本框内容逐个字的显示出来

Oct 22 Javascript

JS二维数组的定义说明

Mar 03 Javascript

jQuery中 attr() 方法使用小结

May 03 Javascript

【JS+CSS3】实现带预览图幻灯片效果的示例代码

Mar 17 Javascript

angular6根据environments配置文件更改开发所需要的环境的方法

Mar 06 Javascript

150行Node.js实现的dns代理工具

Aug 02 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对数组排序代码分享

2014/02/24 PHP

PHP防止post重复提交数据的简单例子

2014/06/07 PHP

php无限分类使用concat如何实现

2015/11/05 PHP

微信公众号之主动给用户发送消息功能

2019/06/22 PHP

php获取小程序码的实现代码(B类接口)

2020/06/13 PHP

javascript css在IE和Firefox中区别分析

2009/02/18 Javascript

defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx，操作被中止”错误的解决方法

2010/04/27 Javascript

JavaScript将Table导出到Excel实现思路及代码

2013/03/13 Javascript

Lab.js初次使用笔记

2015/02/28 Javascript

javascript实现数独解法

2015/03/14 Javascript

JavaScript入门教程之引用类型

2016/05/04 Javascript

jQuery实现的简单百分比进度条效果示例

2016/08/01 Javascript

超详细的JS弹出窗口代码大全

2020/04/18 Javascript

微信小程序联网请求的轮播图

2017/07/07 Javascript

解决vue同一slot在组件中渲染多次的问题

2018/09/06 Javascript

微信小程序map组件结合高德地图API实现wx.chooseLocation功能示例

2019/01/23 Javascript

[44:50]2018DOTA2亚洲邀请赛 4.1 小组赛 A组 TNC vs VG

2018/04/02 DOTA

[43:03]完美世界DOTA2联赛PWL S2 PXG vs Magma 第二场 11.21

2020/11/24 DOTA

python计算最大优先级队列实例

2013/12/18 Python

在Python中操作字典之update()方法的使用

2015/05/22 Python

Python实现递归遍历文件夹并删除文件

2016/04/18 Python

Python基于百度AI的文字识别的示例

2018/04/21 Python

Python操作mongodb的9个步骤

2018/06/04 Python

python3实现字符串操作的实例代码

2019/04/16 Python

Django mysqlclient安装和使用详解

2020/09/17 Python

实例教程纯CSS3打造非常炫的加载动画效果

2014/11/05 HTML / CSS

HTML5 WebGL 实现民航客机飞行监控系统

2019/07/25 HTML / CSS

美国最大婚纱连锁店运营商：David’s Bridal

2019/03/12 全球购物

Easy Spirit官网：美国休闲鞋履中的代表品牌

2019/04/12 全球购物

工作表扬信的范文

2014/01/10 职场文书

精彩广告词大全

2014/03/19 职场文书

乡镇食品安全责任书

2014/07/28 职场文书

庆七一主持词

2015/06/29 职场文书

制定企业培训计划的五大要点！

2019/07/10 职场文书

【DOTA2】半决赛强强对话~ PSG LGD vs EHOME - DPC 2022 CN REGIONAL FINALS WINTER

2022/04/02 DOTA