JS实现文字放大效果的方法
2015-03-03 00:00
751 查看
本文实例讲述了JS实现文字放大效果的方法。分享给大家供大家参考。具体实现方法如下:
希望本文所述对大家的javascript程序设计有所帮助。
<!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实现文字放大效果的方法
- JS实现浏览器状态栏文字闪烁效果的方法
- JS实现文字掉落效果的方法
- JS实现浏览器状态栏文字闪烁效果的方法
- JS实现文字掉落效果的方法
- JS实现霓虹灯文字效果的方法
- 用JS中split方法实现彩色文字背景效果实例
- js实现模拟计算器退格键删除文字效果的方法
- JS实现点击文字对应DIV层不停闪动效果的方法
- JS实现霓虹灯文字效果的方法
- JS实现点击文字对应DIV层不停闪动效果的方法
- js实现模拟计算器退格键删除文字效果的方法
- JS实现:点击后,图片弹出放大,背景变黑的效果
- jquery方法+js一般方法+js面向对象方法实现拖拽效果
- jQuery 实现点击文字放大效果
- 在Dreamweaver中实现网页状态栏中活动文字效果的方法
- js实现文字定时上下滚动效果
- 异步加载js文件并执行js方法:实现异步处理网页的复杂效果(转)
- Android 文字自动滚动(跑马灯)效果的两种实现方法
- js实现文字闪烁效果