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

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

Javascript: JavaScript对象与数组参考大全(5); JavaScript对象与数组参考大全(6); JavaScript对象与数组参考大全(7); JavaScript对象与数组参考大全(8); JavaScript对象与数组参考大全(9); JavaScript对象与数组参考大全(10); JavaScript对象与数组参考大全(11); JavaScript对象与数组参考大全(12); JavaScript对象与数组参考大全(13); JavaScript对象与数组参考大全(14); JavaScript对象与数组参考大全(15); javascript版的日期输入控件(1); javascript版的日期输入控件(2); javascript版的日期输入控件(3); javascript版的日期输入控件(4); javascript版的日期输入控件(5); 利用JavaScript创建功能强大的GUI(1); 利用JavaScript创建功能强大的GUI(2); 利用JavaScript创建功能强大的GUI(3); 调用IE内置打印组件完成web打印方案及例程

No. « ‹ 231 232 233 234 › »

技术文章搜索

关键字

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

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

收藏到网摘: 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