js 实现鼠标经过文字缓缓放大效果代码

发布时间：2018-08-25 10:29:24 所属栏目：PHP教程来源：站长网

导读：这是一个类似放大器的效果，但是，有所不同。本效果中，我们将鼠标放在指定的文字区域后，区域内的文字缓缓放大，直至灌满为止。我们可以用在一些受众为老年人的网站上，这样。对于小的文字，就可以使用放大插件了。演示如下： !DOCTYPE html PUBLIC -//W

　　这是一个类似放大器的效果，但是，有所不同。本效果中，我们将鼠标放在指定的文字区域后，区域内的文字缓缓放大，直至灌满为止。我们可以用在一些受众为老年人的网站上，这样。对于小的文字，就可以使用放大插件了。

　　演示如下：

<!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> <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> <title><b>Java</b>Script放大 - Liehuo.net</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:490px; height:50px; font-size:12px; line-height:50px; background:#f90;">烈火下载Down.liehuo.Net</div> </body> </html> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：威海站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

PHP实例 PHP取GB2312编	用PHP5的SimpleXML分析
运用PHP的OOP特性实现	PHP完成任意字符集下正

js 实现鼠标经过 文字缓缓放大效果代码

js 实现鼠标经过文字缓缓放大效果代码