JS實(shí)現(xiàn)文字放大效果的方法

字號(hào):


    這篇文章主要介紹了JS實(shí)現(xiàn)文字放大效果的方法,實(shí)例分析了javascript鼠標(biāo)事件控制css樣式的技巧,需要的朋友可以參考下
    本文實(shí)例講述了JS實(shí)現(xiàn)文字放大效果的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下:
    代碼如下:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
    <html xmlns="">
    <head>
    <title>JS實(shí)現(xiàn)文字放大效果</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>鼠標(biāo)經(jīng)過(guò)橙色部分
    <div id="test" onmouseover="setInterval('chanTxt()',100)">腳本之家</div>
    </body>
    </html>
    希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。