JS实现文字放大效果的方法
本文实例讲述了JS实现文字放大效果的方法。分享给大家供大家参考。具体实现方法如下:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <title>JS实现文字放大效果</title> <scripttype="text/javascript"> varn=12; functionchanTxt() { varobj=document.getElementById("test"); if(n<=42) { obj.style.fontSize=n+"px"; } n++; } </script> </head> <body>鼠标经过橙色部分 <divid="test"onmouseover="setInterval('chanTxt()',100)"style="width:300px;height:50px;font-size:12px;line-height:50px;background:#f90;">毛票票</div> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。