Google
 
欢迎使用千一产品
千一产品:TranExhibition v1.0.1

TranExhibition 是在原 Exhibition 系列“转换滤镜”上的全面升级,支持 19 种转换滤镜,共计近百种切换效果,专门用于站内公告、通知通报、图片展览等宣传展示性内容。

TranExhibition 采用 JavaScript 类进行设计,调用只需要四句代码,使用非常方便。

版本更新
  • 修改 类名称。
  • 删除 构造函数中的 objStr 参数。
演示地址

/products/exhibition/TranExhibition/demo.htm

 
运行环境
  • Internet Explorer 全面支持
  • FireFox 不支持滤镜,不能看到切换效果,但不影响内容浏览。
程序参考
程序准备

我们展示的数据既可以存储于 JavaScript 的数组中,也可以存储于 HTML 中。

如果是普通的文字,我们建议使用 JavaScript 数组存储。

如果是诸如图文混排、复杂格式的文字,我们建议存储在 HTML 中。

程序开始

var txtTran = new TranExhibition("demo", 3000); //声明对象

txtTran.PrepareMsgData(-1, 0, txtMsgDataArr, null); //准备数据

txtTran.filter.SetAsGradientWipe("2", "0.25", "0", "forward"); //设置滤镜

txtTran.ShowMsg(); //开始显示

相关函数

TranExhibition(targetStr, msgDelay)

构造函数。

  • targetStr 字符串 要显示消息的 HTML 元素标签的 id。
  • msgDelay 数字 消息显示延迟时间,单位毫秒。

PrepareMsgData(msgIndex, msgFrom, msgArr, msgBlockStr)

准备消息数据。

  • msgIndex 数字 正在显示的的消息索引,-1 表示当前还没有开始显示消息。
  • msgFrom 数字 消息来源,0 来自 JavaScript 数组,>0 来自 HTML 标签,1 来自 HTML 标签的下一级元素,2 来自 HTML 标签的下两级元素……
  • msgArr 数组 存储消息的 JavaScript 数组,消息不是来自数组,则赋值为 null。
  • msgBlockStr 字符串 存储消息的 HTML 元素标签的 id,消息不是来自 HTML 标签,则赋值为 null。

SetAsPixelate(duration, maxSquare)

设置滤镜,各滤镜参数不同,请点击这里以查看所有滤镜函数。

ShowMsg()

显示消息。

常见问题
  • 为什么使用表格存储时,msgFrom 是 3? 使用表格存储时,我们为这个表格赋予 id,并将该 id 名称传给 msgBlockStr,表格的下一级元素是 tbody,再下一级元素是 tr,再下一级是 td,共要越过三级才能找到展示所需的数据,所以 msgFrom 为 3。
  • 我将数据存储在表格的多行中,为何只显示第一行的内容? 如果使用表格存储,则我们应将内容存储在同一行的不同列中,而不是同一列的不同行中。
  • 我的程序没有任何错误,为什么在 IE6.0 里仍然显示不出效果? 您需要给展示区域指定宽度或者高度。
产品下载

当前版本 v1.0.1 点击下载压缩文件包,内含:

  • JS 主程序文件 1 个
  • 示例文件 1 个
  • 技术参考文件 1 个