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

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

Javascript: Javascript实例教程(12) 隐藏script代码; Javascript实例教程(11) 创建\"后退\"按钮; HTC：浏览器上的舞者; JavaScript 小技巧(第四集); Javascript实例教程(20) 使用HoTMetal(7); 点一下，首页地址添加到收藏夹(javascript); Javascript设计漫天雪花; Javascript实例教程(21) OLE Automation(2); Javascript实例教程(20) 使用HoTMetal(3); Javascript制作闪烁的边框; JavaScript对象与数组参考大全; Javascript实例教程(21) OLE Automation(3); 利用JavaScript制作倒计时牌; Javascript实例教程(5) 利用Javascript创建对象; 利用JAVASCRIPT制作简单动画; Javascript实例教程(15) JS代替CGI; Javascript实例教程(19) 数组; JavaScript[对象.属性]集锦之三; Javascript实例教程(21) OLE Automation(6); JavaScript 小技巧(第一集)

No. « ‹ 9 10 11 12 › »

技术文章搜索

关键字

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

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

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