JS溶解形式的文字切换特效- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JS溶解形式的文字切换特效

Javascript: form中限制文本字节数js代码; use jscript with List Proxy Server Information; use jscript List Installed Software; List Installed Software Features; List Information About the Binary Files Used by an Application; List the Codec Files on a Computer; List the UTC Time on a Computer; List Installed Hot Fixes; excel操作之Add Data to a Spreadsheet Cell; Add Formatted Data to a Spreadsheet; Apply an AutoFormat to an Excel Spreadsheet; JavaScript语法着色引擎（demo及打包文件下载）; 类之Prototype.js学习; 一款JavaScript压缩工具：X2JSCompactor; iis6+javascript Add an Extension File; jscript之Open an Excel Spreadsheet; jscript之Read an Excel Spreadsheet; jscript之List Excel Color Values; 去除图像或链接黑眼圈的两种方法总结; Add a Formatted Table to a Word Document

No. « ‹ 70 71 72 73 › »

技术文章搜索

关键字

Javascript 中的 JS溶解形式的文字切换特效

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 421 ::

收藏到网摘: n/a

Marquee配合DIV实现的文字滚动效果代码文字在网页上下浮动学习可以不建议用

JavaScript形成溶解过渡形式的文字切换特效，够酷吧，的你平静如水的网页上旋转这么一个文字特效，一定会吸引不少人的注意力，文字内容和颜色以及字号大小看看代码就会知道怎么改了。

<html>
<title>JS溶解形式的文字切换特效</title>
<head>
<SCRIPT>
messages = new Array()
messages[0] = "软晨学习网,都知道吧?"
messages[1] = "我们更关注开源,欢迎发布开源源代码"
messages[2] = "提供给你一个有质量的源代码资料站"
mescolor = new Array()
mescolor[0] = "000000"
mescolor[1] = "FF0000"
mescolor[2] = "008800"
messize = new Array()
messize[0] = "30pt"
messize[1] = "30pt"
messize[2] = "30pt"
var i_messages = 0
var timer
function dotransition() {
if (document.all) {
content.filters[0].apply()
content.innerHTML = "<span style='color:"+mescolor[i_messages]+";font-size:"+messize[i_messages]+";filter: revealTrans(Transition=12, Duration=3)'>"+messages[i_messages]+"</span>"
content.filters[0].play()
if (i_messages >= messages.length-1) {
i_messages = 0
}
else {
i_messages++
}
}
if (document.layers) {
document.content.document.write("<span style='color:"+mescolor[i_messages]+"'>"+messages[i_messages]+"</span>")
if (i_messages >= messages.length-1) {
i_messages = 0
}
else {
i_messages++
}
}
timer = setTimeout("dotransition()",4999)
}
</SCRIPT>
</head>
<body onload="dotransition()">
<DIV id="content" style="FILTER: revealTrans(Transition=12, Duration=2); HEIGHT: 200px; LEFT: 93px; POSITION: absolute; TEXT-ALIGN: center; TOP: 21px; WIDTH: 559px"></DIV>
<DIV id="source" style="COLOR: #aaaaaa; LEFT: 94px; POSITION: absolute; TEXT-ALIGN: center; TOP: 243px; WIDTH: 560px">
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Marquee配合DIV实现的文字滚动效果代码文字在网页上下浮动学习可以不建议用

Javascript 中的 JS溶解形式的文字切换特效

评论 (0) All