一个简单的文字幻灯效果 js代码

发布时间:2019-09-11编辑:脚本学堂
一个简单的文字幻灯效果,有需要的朋友,可以参考下。

完整代码如下:
 

复制代码 代码示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>文字幻灯片效果_脚本学堂_www.jb200.com</title>
<style type="text/css">
.trans {filter:revealTrans(Transition=12,Duration=2)}
</style>
</head>
<body>
<script language="javascript">
Text = new Array(
"<a href='#' target='_blank' class='cr4'>脚本学堂,欢迎您的光临。</a>",
"<a href='#' class='cr4'>脚本学堂,旨在为大家提供高质量的技术文章。</a>",
"<a href='#' target='_blank' class='cr4'>脚本学堂的发展,离不开大家的关心与支持。</a>",
"<a href='#' target='_blank' class='cr4'>脚本学堂,竭诚为大家服务。</a>",
"<a href='#' target='_blank' class='cr4'>脚本学堂,祝大家实现自己的中国梦。</a>"
)
var IDX= -1;
function playAd() {
if (IDX==Text.length-1) {
IDX=0;
} else {
IDX++;
}
var prefix = "";
divText.filters[0].apply();
divText.innerHTML = prefix + Text[IDX];
divText.filters[0].play();
to = setTimeout("playAd()",6000);
}
</script>
<table width=453 border=0 cellspacing=3 cellpadding=0>
<tr bgcolor=CCF4B9>
<td height=24 bgcolor="CCF4B9" id="divText" class="trans"></td>
</tr>
<script>playAd()</script>
</table>
</body>
</html>