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

JS解析json数据并将json字符串转化为数组的实现方法

Dec 25 Javascript

使用js判断TextBox控件值改变然后出发事件

Mar 07 Javascript

javascript验证邮件地址和MX记录的方法

Jun 16 Javascript

Zero Clipboard实现浏览器复制到剪贴板的方法(多个复制按钮)

Mar 24 Javascript

Bootstrap项目实战之首页内容介绍（全）

Apr 25 Javascript

javascript RegExp 使用说明

May 21 Javascript

JS实现隐藏同级元素后只显示JS文件内容的方法

Sep 04 Javascript

vue2.0获取自定义属性的值

Mar 28 Javascript

BootStrap表单控件之复选框checkbox和单选择按钮radio

May 23 Javascript

Javascript创建类和对象详解

May 31 Javascript

javascript设计模式 ? 单例模式原理与应用实例分析

Apr 09 Javascript

JavaScript实现栈结构详细过程

Dec 06 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插入排序实现代码

2013/04/04 PHP

php通过记录IP来防止表单重复提交方法分析

2014/12/16 PHP

PHP PDOStatement::getAttribute讲解

2019/02/01 PHP

Laravel的Auth验证Token验证使用自定义Redis的例子

2019/09/30 PHP

通过JAVASCRIPT读取ASP设定的COOKIE

2007/02/15 Javascript

通过隐藏option实现select的联动效果

2009/11/10 Javascript

用JS实现一个TreeMenu效果分享

2011/08/28 Javascript

javascript学习笔记(十) js对象继承

2012/06/19 Javascript

jquery使用ColorBox弹出图片组浏览层实例演示

2013/03/14 Javascript

js数组操作学习总结

2013/11/04 Javascript

javascript列表框操作函数集合汇总

2013/11/28 Javascript

JS数组的赋值介绍

2014/03/10 Javascript

IE6-IE9中tbody的innerHTML不能赋值的解决方法

2014/09/26 Javascript

跟我学习javascript的严格模式

2015/11/16 Javascript

jquery实现图片放大镜功能

2015/11/23 Javascript

移动端触屏幻灯片图片切换插件idangerous swiper.js

2017/04/10 Javascript

深入浅析JavaScript中的RegExp对象

2017/09/18 Javascript

使用Bootstrap4 + Vue2实现分页查询的示例代码

2017/12/21 Javascript

vue中v-model的应用及使用详解

2018/06/27 Javascript

Node.js动手撸一个静态资源服务器的方法

2019/03/09 Javascript

vue中使用 pako.js 解密 gzip加密字符串的方法

2019/06/10 Javascript

重学JS之显示强制类型转换详解

2019/06/30 Javascript

CentOS 8.2服务器上安装最新版Node.js的方法

2020/12/16 Javascript

Python 中Pickle库的使用详解

2018/02/24 Python

Python中new方法的详解

2019/01/15 Python

基于matplotlib中ion()和ioff()的使用详解

2020/06/16 Python

Python基于xlutils修改表格内容过程解析

2020/07/28 Python

泰国网上购物：Shopee泰国

2018/09/14 全球购物

工地资料员岗位职责

2013/12/31 职场文书

《大禹治水》教学反思

2014/04/27 职场文书

项目合作意向书模板

2014/07/29 职场文书

2015年药店店长工作总结

2015/04/29 职场文书

食品安全主题班会

2015/08/13 职场文书

2019年市场部个人述职报告（三篇）

2019/10/23 职场文书

Java如何实现通过键盘输入一个数组

2022/02/15 Java/Android

最新最全的手机号验证正则表达式

2022/02/24 Javascript