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

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

Javascript: JavaScript中数组方法; JS的&&和&，||和|运算符两个不同点; 一个例子认识JS的两个参数; 练习:鼠标感应伸缩隐藏层; Javascript让媒体通过指定的按钮播放; 已知商品单价,用JS计算所选数量的总价; 用js实现select对div的隐藏与显示; JavaScript教程:onmouseover控制图片; 网页设计中总结的几个有用的JS特效代码; Javascript代码在网页中简单应用的几个示例; 实现在AJAX下的前进、后退功能; Javascript代码轻松隐藏网页源文件; Javascript实现打印网页中定义的部分内容; JS分层的概念与本地存贮; 基于javascript的拼音字典及应用举例; JavaScript入门学习书籍的阶段选择; JS和CSS实现的气泡窗口; Javascript教程:实用的JS函数库; 符合web标准的网页中调用Flash的方法; JS最常用的55个经典技巧

No. « ‹ 161 162 163 164 › »

技术文章搜索

关键字

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

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

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