JavaScript怎么通過改變文字透明度實現(xiàn)文字閃爍效果

發(fā)布時間：2022-05-07 10:12:19 來源：億速云閱讀：159 作者：iii 欄目：大數(shù)據(jù)

本篇內(nèi)容介紹了“JavaScript怎么通過改變文字透明度實現(xiàn)文字閃爍效果”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

運(yùn)行效果圖如下：

完整實例代碼如下：

<html>
<head>
<meta charset="utf-8">
<title>JS文字閃爍</title>
    <style type="text/css">
      .title
      {
        font-size:50px;
        font-family:Arial black;
        filter:alpha(opacity=10);
      }
    </style>
    <script type="text/javascript">
      function $(id)
      {
        return document.getElementById(id);
      };
      function changeOpacity()
      {
        var direction=-1;
        var opacityValue=100;
        function doChange()
        {
          if(++opacityValue>=100)
          {
            direction=-1;
          }
          if(--opacityValue<=0)
          {
            direction=1;
          }
          opacityValue+=direction;
          $("t1").style.filter="alpha(opacity="+opacityValue+")";
          $("t1").style.opacity=opacityValue/100;
        };
        setInterval(doChange,10);
      };
    </script>
  </head>
  <body onload="changeOpacity()">
    <table id="t1" class="title"><tr><td>Hi,I'm content for text</tr></table>
  </body>
</html>

“JavaScript怎么通過改變文字透明度實現(xiàn)文字閃爍效果”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！

向AI問一下細(xì)節(jié)

JavaScript怎么通過改變文字透明度實現(xiàn)文字閃爍效果

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽