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

Sample script that displays all of the users in a given SQL Server DB

Jun 16 Javascript

JavaScript bold方法入门实例（把指定文字显示为粗体）

Oct 17 Javascript

Javascript中的arguments与重载介绍

Mar 15 Javascript

通用javascript代码判断版本号是否在版本范围之间

Nov 29 Javascript

jQuery实现监控页面所有ajax请求的方法

Dec 10 Javascript

基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标

Jan 22 Javascript

JavaScipt中栈的实现方法

Feb 17 Javascript

ajax异步请求详解

Jan 06 Javascript

Node.js操作redis实现添加查询功能

May 25 Javascript

javascript实现小型区块链功能

Apr 03 Javascript

node+multer实现图片上传的示例代码

Feb 18 Javascript

Vue实现浏览器打印功能的代码

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截取中文字符串函数实例

2015/02/23 PHP

PHP 出现 http500 错误的解决方法

2021/03/09 PHP

使用CSS3实现字体颜色渐变的实现

2021/03/09 HTML / CSS

js判断undefined变量类型使用typeof

2013/06/03 Javascript

css配合jquery美化 select

2013/11/29 Javascript

详解JavaScript编程中的数组结构

2015/10/24 Javascript

JavaScript基本语法学习教程

2016/01/14 Javascript

学习JavaScript设计模式之中介者模式

2016/01/14 Javascript

jQuery实现下拉框多选 jquery-multiselect 的实例代码

2016/07/14 Javascript

mui上拉加载功能实例详解

2017/04/13 Javascript

Node.js中的http请求客户端示例(request client)

2017/05/04 Javascript

详解Web使用webpack构建前端项目

2017/09/23 Javascript

vue登录路由验证的实现

2017/12/13 Javascript

webpack中如何使用雪碧图的示例代码

2018/11/11 Javascript

python实现对一个完整url进行分割的方法

2015/04/29 Python

Flask框架的学习指南之制作简单blog系统

2016/11/20 Python

Python WEB应用部署的实现方法

2019/01/02 Python

Python实现程序判断季节的代码示例

2019/01/28 Python

python统计中文字符数量的两种方法

2019/01/31 Python

python 操作mysql数据中fetchone()和fetchall()方式

2020/05/15 Python

python脚本定时发送邮件

2020/12/22 Python

用Python制作音乐海报

2021/01/26 Python

皮尔·卡丹巴西官方商店：Pierre Cardin

2017/07/21 全球购物

I.T中国官网：精选时尚设计师单品网购平台

2018/03/26 全球购物

Microsoft Advertising美国：微软搜索广告

2019/05/01 全球购物

澳大利亚在线奢侈品时尚零售平台：Azura Runway

2021/01/13 全球购物

简述安装Slackware Linux系统的过程

2012/01/12 面试题

后勤副校长自我鉴定

2013/10/13 职场文书

施工安全协议书

2013/12/11 职场文书

大型演出策划方案

2014/05/28 职场文书

2014年大学生预备党员思想汇报1000字

2014/09/13 职场文书

大学生联谊活动策划书（光棍节）

2014/10/10 职场文书

开票员岗位职责

2015/02/12 职场文书

教师党员个人自我评价

2015/03/04 职场文书

pytorch分类模型绘制混淆矩阵以及可视化详解

2022/04/07 Python

Golang 实现 WebSockets 之创建 WebSockets

2022/04/24 Golang