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

作者：David_黎时间：2024-04-16 09:13:28　

本文实例讲述了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通过改变文字透明度实现的文字闪烁效果实例

猜你喜欢

如何利用Python快速统计文本的行数

python正则表达式判断字符串是否是全部小写示例

perl生成特定碱基比例的随机序列的代码

python3实现UDP协议的服务器和客户端

asp单主键高效通用分页存储过程

Python 实现递归法解决迷宫问题的示例代码

python excel转换csv代码实例

Apache+php+mysql在windows下的安装与配置(图文)第1/2页

python 多线程实现多任务的方法示例

pyqt5 QProgressBar清空进度条的实例

如何将txt文本中的数据轻松导入MySQL表中

如何对PHP程序中的常见漏洞进行攻击（下）

ASP 自动采集实现代码

在matplotlib中改变figure的布局和大小实例

分别用marquee和div+js实现首尾相连循环滚动效果，仅3行代码

基于jupyter代码无法在pycharm中运行的解决方法

Golang中map的深入探究

Python八皇后问题解答过程详解

利用python批量修改word文件名的方法示例

node.js用fs.rename强制重命名或移动文件夹的方法