JavaScript通过改变文字透明度实现的文字闪烁效果实例

2019-11-19 16:42:40

字体：大中小

来源：转载

供稿：网友

本文实例讲述了JavaScript通过改变文字透明度实现的文字闪烁效果。分享给大家供大家参考，具体如下：

运行效果图如下：

完整实例代码如下：

<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相关内容感兴趣的读者可查看本站专题：《JavaScript切换特效与技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

上一篇：JS简单实现点击按钮或文字显示遮罩层的方法

下一篇：jQuery实现动态添加、删除按钮及input输入框的方法