教程集 > 脚本编程 > javascript > 正文很酷的溶解过渡式文字切换效果

很酷的溶解过渡式文字切换效果

发布时间：2023-05-20 编辑：jiaochengji.com

教程集为您提供很酷的溶解过渡式文字切换效果等资源，欢迎您收藏本站，我们将为您提供最新的很酷的溶解过渡式文字切换效果资源

提示：您可以先修改部分代码再运行

很酷的溶解过渡式文字切换效果  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <title>很酷的溶解过渡式文字切换效果</title>  <meta http-equiv="content-type" content="text/html;charset=gb2312">    <script language="javascript">  messages = new Array()  messages[0] = "中国WEB第一站"  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>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
 css3中 transition 与 animation用法介绍
 优酷视频不能全屏问题解决办法
 CSS3使用JavaScript触发过渡效果（transition）
优酷视频无法播放或打不开问题解决办法
 40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
 15个jQuery和CSS3页面切换动画效果
 jquery图片自动切换插件和实例
 jQuery幻灯片插件 Skitter
CSS3实现鼠标移入移出时改变样式的效果

上一篇：js 仿select 下拉效果下一篇：js初始化select默认选项

[关闭]

很酷的溶解过渡式文字切换效果

最近更新

浏览排行