编程 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实现的模拟jquery的animate自定义动画(2.5K)

Jul 20 Javascript

Jquery公告滚动+AJAX后台得到数据

Apr 14 Javascript

js页面滚动时层智能浮动定位实现(jQuery/MooTools)

Aug 23 Javascript

jquery插件推荐 jquery.cookie

Nov 09 Javascript

基于jQuery实现表单提交验证

Nov 24 Javascript

jquery实现动静态条形统计图

Aug 17 Javascript

JavaScript 性能优化小结

Oct 12 Javascript

AngularJS 应用身份认证的技巧总结

Nov 07 Javascript

jQuery:unbind方法的使用详解

Aug 14 jQuery

基于Vuex无法观察到值变化的解决方法

Mar 01 Javascript

JS将网址url转化为JSON格式的方法

Jul 02 Javascript

详解Vue开发微信H5微信分享签名失败问题解决方案

Aug 09 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

免费手机号码归属地API查询接口和PHP使用实例分享

2014/04/10 PHP

php ucwords() 函数将字符串中每个单词的首字符转换为大写(实现代码)

2016/05/12 PHP

Js基础学习资料

2010/11/23 Javascript

Jquery中获取iframe的代码

2011/01/11 Javascript

NodeJS url验证(url-valid)的使用方法

2013/11/18 NodeJs

innerHTML动态添加html代码和脚本兼容多个浏览器

2014/10/11 Javascript

javascript数据结构与算法之检索算法

2015/04/04 Javascript

在线所见即所得HTML编辑器的实现原理浅析

2015/04/25 Javascript

全面了解JavaScirpt 的垃圾(garbage collection)回收机制

2016/07/11 Javascript

分类解析jQuery选择器

2016/11/23 Javascript

jQuery Validate设置onkeyup验证的实例代码

2016/12/09 Javascript

基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑

2016/12/14 Javascript

jQuery实现多张图片上传预览（不经过后端处理）

2017/04/29 jQuery

浅谈vue路径优化之resolve

2017/10/13 Javascript

Vue2仿淘宝实现省市区三级联动

2020/04/15 Javascript

webpack打包js文件及部署的实现方法

2017/12/18 Javascript

vue一个页面实现音乐播放器的示例

2018/02/06 Javascript

Vue+Koa2 打包后进行线上部署的教程详解

2019/07/31 Javascript

layui表单提交到后台自动封装到实体类的方法

2019/09/12 Javascript

js实现上传图片并显示图片名称

2019/12/18 Javascript

JavaScript函数Call、Apply原理实例解析

2020/02/17 Javascript

微信小程序 bindtap 传参的实例代码

2020/02/21 Javascript

Vue-cli 移动端布局和动画使用详解

2020/08/10 Javascript

利用python在excel里面直接使用sql函数的方法

2019/02/08 Python

解决Python中pandas读取*.csv文件出现编码问题

2019/07/12 Python

Django中modelform组件实例用法总结

2020/02/10 Python

纯css3实现鼠标经过图片显示描述的动画效果

2014/09/01 HTML / CSS

data:image data url 文件转为Blob上传后端的方法

2019/07/16 HTML / CSS

Laura官网：加拿大女性的顶级时尚目的地

2019/09/20 全球购物

Shopping happy life西班牙：以最优惠的价格提供最好的时尚配饰

2020/03/13 全球购物

亚洲领先的设计购物网站：Pinkoi

2020/11/26 全球购物

大学生表扬信范文

2014/01/09 职场文书

高二政治教学反思

2014/02/01 职场文书

警察先进个人事迹材料

2014/05/16 职场文书

Pytest之测试命名规则的使用

2021/04/16 Python

python游戏开发Pygame框架

2022/04/22 Python