javascript实现的动态文字变换

所属分类: 网络编程 / JavaScript 阅读数: 383
收藏 0 赞 0 分享
实现文字渐淡显示的效果代码如下:

  <html> 
  <head>
  <script> 
  <!-- 
  function HelpArray(len){this.length=len } 
  HelpText= new HelpArray(5) 
  HelpText[0]="视点闪客" 
  HelpText[1]="智慧无边" 
  HelpText[2]="魅力无限" 
  HelpText[3]="十二亿中国人的最爱"
  HelpText[4]="http://visionflash.blog.sohu.com" 
  ScriptText=new HelpArray(5)
  //*定义文本数组,一共是五段文本*// 
  var i = -1 
  function playHelp() { 
  if (i==4) { i=0 } 
  else { i++ } 
  div1.filters[0].apply() 
  div1.innerText=HelpText[i] 
  div1.filters[0].play() 
  mytimeout=setTimeout("playHelp()",2500)} 
  //*定义play函数,并且设置了时间间隔*//
  --> 
  </script> 
  <style> <!-- 
  #div1{position:absolute;top:20;left:20;width:480;height:200; 
     font-family:行书体; color:red;font-size:40;
     font-weight:bold;text-align:center; 
     filter:revealtrans(transition=12,duration=2) } 
  //*设置显示转换滤镜*//
       --> 
  </style> </head> 
  <body onload="playHelp()"> 
  <div id="div1" onload="playHelp()"> </div> 
  </body> 
  </html>
更多精彩内容其他人还在看

深入解析Vue 组件命名那些事

本篇文章主要介绍了深入解析Vue 组件命名那些事,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Vue学习笔记进阶篇之vue-cli安装及介绍

这篇文章主要介绍了Vue学习笔记进阶篇之vue-cli安装及介绍,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

jquery版轮播图效果和extend扩展

这篇文章主要为大家详细介绍了jquery版轮播图效果,以及extend扩展的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

jQuery Validate格式验证功能实例代码(包括重名验证)

本文通过实例代码给大家介绍了jQuery Validate格式验证功能,代码中包括重名验证的方法,需要的的朋友参考下吧
收藏 0 赞 0 分享

Angular.js中angular-ui-router的简单实践

本篇文章主要介绍了Angular.js中angular-ui-router的简单实践,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

JavaScript实现二维坐标点排序效果

这篇文章主要为大家详细介绍了JavaScript实现二维坐标点排序效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

深入理解vue2.0路由如何配置问题

本篇文章主要介绍了vue2.0路由配置问题,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

基于bootstrap实现多个下拉框同时搜索功能

这篇文章主要为大家详细介绍了基于bootstrap实现多个下拉框同时搜索功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

JavaScript 值类型和引用类型的初次研究(推荐)

这篇文章主要介绍了JavaScript 值类型和引用类型的初次研究,需要的朋友可以参考下
收藏 0 赞 0 分享

利用jQuery异步上传文件的插件用法详解

这篇文章主要介绍了利用jQuery异步上传文件的插件用法详解,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多