软件开发培训班 >> 编程开发 >> JavaScript

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

　　本文标签：溶解,文字切换

<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>

技术文章快速查找

js 单引号传递方法

Js判断CSS文件加载完毕的具体实现

javascript form 验证函数弹出对话框形式

使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能（含后台代码）

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建