您现在的位置: 冰舟工作室 >> WEB开发 >> JavaScript >> 文章正文

IDv+Js+css切换效果

作者:佚名 文章来源:本站原创 点击数: 更新时间:2008-4-11 17:09:53

<style type='text/css'>
<!--
.mytrans { filter:revealTrans(Transition=12,Duration=2)}
-->
</style>
<script language='JavaScript'>
  <!--
  function HelpArray(len)
  {
  this.length=len;
  }
  // 建立一个数组,存放转换的内容。
  HelpText=new HelpArray(5);
  HelpText[0]='在一个文档使用动态转换的滤镜(Revealtrans)其实是很容易的。';
  HelpText[1]='首先,为对象的样式表单建立一个需要转换的“Revaltrans"滤镜,';
  HelpText[2]='然后,使用pply()方法防止错误';
  HelpText[3]='现在,你可以改变任何你想改变的东西,';
  HelpText[4]='最后,“play()方法开始进行转换。';
  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();
  // 设置每段字幕演示的时间,以毫秒计。这里的时间要长于滤镜中的时间,以保证在转换结束后能停留一段时间。
  // 以方便看清楚字幕内容。在本例中字幕演示的时间是6秒,滤镜中设置的转换时间是2秒。
  mytimeout=setTimeout('playHelp()',6000);
  }
  -->
  </script>

<body onload='playHelp()'>
  <div id='div1' style='position:absolute; width:680px; height:30px; z-index:37; background: #FFFFCC; layer-background-color: #FFFFCC; border: 1px none #000000' class='mytrans' ></div>


 
</body>

  • 上一篇文章:

  • 下一篇文章:
  • 相关内容
    · JS 控制select表单
    · 经典源码JavaScript之计数器(倒数
    · 高手教程:jsp中根据传入值,用j
    · 使用DOS和javascript在html网页中
    · javascript函数之删除空格
    · javascript巧妙实现WORD里的斜线
    · 经典收藏JavaScript中常用的107条
    · JavaScript圣经之优化篇
    · JavaScript圣经之优化总结
    · IDv+Js+css切换效果
    · 图片幻灯切换代码(纯JS代码带演
    · 常用的107条Javascript
    · JavaScript 删除空格(trim)
    · Javascript 计算闰年
    · JavaScript静态页面值传递之Cook
    · html----javascript----只打开一
    · 妙用JavaScript实现网页的任意缩
    · 通过Javascript把页面导入到Exce
    · javascript
    · 常用的JavaScript语句集(转载)
    · JavaScript语言
    · javascript 实现的锁屏、解屏功能
    · 获取web页面大小、分辨率等信息(
    · php+javascript 静态化简单实例
    · javascript事件的绑定
    · javascript 详解各控件的操作
    · 最新Javascript按比例压缩图片,
    · javascript中的indexOf(),lastin
    · javascript截取字符串方法
    · ajax学习笔记一:面向对象的javas
    · Atlas学习笔记11:扩展javascrip
    · Javascript“画图”Asp.net版
    · dojo (a open source JavaScript
    · 用Acrobat Javascript 开发。
    · JavaScript技术要点
    · 免费的javascript写的控件组件
    · document 文挡对象
    · 用javascript检查文件大小
    · 小议Javascript代码优化方法及原
    · javascript控制lotus的rtf域
    · javascript学习
    · 在线压缩javascript
    · 随心所欲的Web页面打印技术(Asp.
    · javascript 写的tab页代码
    · javascript中replace()函数用法小
    · test

    CopyRights 2007-2008 冰舟工作室 All Rights Reserved
    www.bz918.com