JavaScript通过改变文字透明度实现的文字闪烁效果实例_网络技术

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

发布时间 - 2026-01-11 00:52:19 点击率：次

本文实例讲述了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程序设计有所帮助。

# JavaScript # 文字 # 透明度 # 闪烁 # 原生js和jquery中有关透明度设置的相关问题 # 原生Js实现元素渐隐/渐现(原理为修改元素的css透明度) # js实现透明度渐变效果的方法 # js实现感应鼠标图片透明度变化的方法 # js改变透明度实现轮播图的算法 # js实现鼠标划过给div加透明度的方法 # javascript感应鼠标图片透明度显示的方法 # javascript实现网页中涉及的简易运动（改变宽高、透明度、位置） # js实现文字闪烁特效的方法 # JS实现浏览器状态栏文字闪烁效果的方法 # JavaScript 平滑文字闪烁 # JS CSS制作饱含热情的镶边文字闪烁特效 # 相关内容 # 遍历 # 感兴趣 # 数据结构 # 给大家 # 更多关于 # 所述 # 程序设计 # 讲述了 # style # type # text # utf # title # JS # px # family # css # font # size

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：独立商城用户体验设计要点：如何打造流畅、友好的购物界面？

下一篇：如何在Linux中隔离进程环境 Linux namespac

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：独立商城用户体验设计要点：如何打造流畅、友好的购物界面？

下一篇：如何在Linux中隔离进程环境 Linux namespac