JS溶解形式的文字切换特效
作者:bea
<html> <title>JS溶解形式的文字切换特效</title> <head> <SCRIPT> messages = new Array() messages[0] = ",都知道吧?" messages[1] = "我们更关注开源,欢迎发布开源源代码" messages[2] = "提供给你一个有质量的源代码资料站" mescolor = new Array() mescolor[0] = "000000
<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 全选 注:
如需引入外部Js需刷新才能执行]
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- jquery中的$(document).ready()与window.onload的区别
- jQuery html()等方法介绍
- JQuery toggle使用分析
- JavaScript 读取图片实例代码
- javascript 随机抽奖程序代码
- javascript 图片放大效果函数
- JavaScript OOP类与继承
- JavaScript的eval JSON object问题
- Javascript 中文字符串处理额外注意事项
- Dojo 学习笔记入门篇 First Dojo Example
- flash 得到自身url参数的代码
- javascript 去字符串空格终极版(支持utf8)
- jQuery checkbox全选/取消全选实现代码
- jQuery帮助之CSS尺寸(五)outerHeight、outerWidth
- jquery 可排列的表实现代码
- javascript 带有滚动条的表格,标题固定,带排序功能.
- 传智播客学习之JavaScript基础篇
- [原创]一段时间以后切换显示的广告代码
- 文字在网页上下浮动 学习可以不建议用