JavaScript通过改变文字透明度实现的文字闪烁效果实例
作者:David_黎 发布时间:2024-04-16 09:13:28
标签:JavaScript,文字,透明度,闪烁
本文实例讲述了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程序设计有所帮助。


猜你喜欢
- php获取图片的exif信息,php自带一个exif_read_data函数可以用来读取图片的exif信息,代码来自php手册<?ph
- [code]<script> var a=4.2343; alert(a.toFixed(3)); </script>
- OS ( Operating System 操作系统 ) 操作系统模块;它是属于python的标准库,也就是Python自带的库;它常用于处
- python matplotlib画图产生的Type 3 fonts字体不兼容更改措施:使用Type 42字体来生成PostScript 和
- 思路一、想要实现登录豆瓣关键点分析真实post地址 ----寻找它的formdata,如下图,按浏览器的F12可以找到。实战操作实现:模拟登
- 本文实例为大家分享了python实现图像降噪的具体代码,供大家参考,具体内容如下任务描述背景图像在数字化和传输等过程中会产生噪声,从而影响图
- 在一些网站上,特别是小说网站经常我们会看到这个功能,就是自动滚动屏幕的功能,方便了大家阅读文章,增强了用户体验。下面的javascript代
- Python 提供了如下两个函数来检查类型:issubclass(cls, class_or_tuple):检查 cls 是否为后一个类或元
- PHP 5.0.0 和PHP 4.0.38 于2004年7月13日同时发布,这是一个值得我们PHP爱好者的一大喜讯。期盼已久的PHP5终于出
- 本文实例为大家分享了python实现批量格式转换的具体代码,供大家参考,具体内容如下深度学习过程中总是绕不开数据集的制作,有时候实际图片格式
- 注:转载就注入出自'孤孤浪子博客'原创 http://itpro.blog.163.com 第一步 http://itpro
- python中ftplib模块支持ftp操作,主要使用FTP类。本文使用ftp操作进行连接FTP服务器、获取当前目录文件清单、上传文件等操作
- 一、python对json的支持从python2.6开始,python标准库中添加了对json的支持,操作json时,只需要import j
- function BindSelect(id,dataList,fieldtext,fieldValue) { //绑定某一个数据源,fie
- golang拾遗主要是用来记录一些遗忘了的、平时从没注意过的golang相关知识。很久没更新了,我们先以一个谜题开头练练手:package
- 一、 技术要点 我们都知道Windows应用程序在运行时会启动一个进程,其总包括若干线程,不同的进程之间通信是开发分布
- 作为设计师,我们都知道,一个极简的设计可以实现漂亮的效果。然而,很多设计师在实现上有些麻烦:要么是没有时间让使用如此少的元素制作的页面看起来
- 我们经常在B站上看到一些字符鬼畜视频,主要就是将一个视频转换成字符的样子展现出来。看起来是非常高端,但是实际实现起来确是非常简单,我们只需要
- 示意图:html:{# 用户管理 #} <div id="userManageDiv" style=&
- 将两个嵌套for循环写成一个列表生成式如,有一个嵌套列表,a=[[1,2],[3,4],[5,6]],要提取列表里的每一个元素用for循环处