Google
 
欢迎使用千一产品
千一产品:TypeExhibition v2.0.1

TypeExhibition 是一种集打字效果滚动于一体的展示效果,专门用于站内公告、最新消息等宣传性内容。

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

/products/exhibition/TypeExhibition/demo.htm

 
运行环境
  • Internet Explorer 全面支持
  • Firefox 全面支持
程序参考
程序准备

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

建议存储在 JavaScript 数组中。

程序开始

var typeExhibition = new TypeExhibition("news", 50, 20, 2000);

typeExhibition.Create("collapsed.gif", "expanding.gif");

typeExhibition.SetStyle(318, 18, 1, 300, "#CCCCCC", "#FFFFFF");

typeExhibition.AddMsg("10/14 千一网络发布 页面菜单指示器 v2.0", "/c/2007/10/HOSRMHSSQXJHXRUC.asp");

typeExhibition.AddMsg("10/14 千一网络发布 页面内容查找", "/c/2007/10/WVOKPQI3BLZNX8VQ.asp");

typeExhibition.AddMsg("10/15 千一网络发布 DatePicker v1.2", "/c/2007/10/FTBALUXQQDMVUSIA.asp");

typeExhibition.AddMsg("10/17 千一网络发布 图片预览器", "/c/2007/10/FFOJU6MIUOWD9OI3.asp");

typeExhibition.AddMsg("10/18 千一网络发布 FloatAds v1.1", "/c/2007/10/QK87154RQ1R3A2Q8.asp");

typeExhibition.AddMsg("10/18 千一网络发布 拖拽 v1.1", "/c/2007/10/ADEVC71RLYNOVA7J.asp");

typeExhibition.ShowMsg();

相关函数

TypeExhibition(targetID, fadeInDelay, fadeOutDelay, msgDelay)

构造函数。

  • targetID 字符串 装载 TypeExhibition 的 HTML 元素标签 Id。
  • fadeInDelay 数字 渐显(打字效果)时的延迟时间,单位毫秒。
  • fadeOutDelay 数字 渐隐(滚动效果)时的延迟时间,单位毫秒。
  • msgDelay 数字 消息显示延迟时间,单位毫秒。

Create(collapsedImgURL, expandingImgURL)

在 target 上创建控件。

  • collapsedImgURL 字符串 信息列表框收起时控制器图片地址。
  • expandingImgURL 字符串 信息列表框展开时控制器图片地址。

SetStyle(targetWidth, targetHeight, borderWidth, stageWidth, borderClr, bgClr)

设置样式。targetWidth、targetHeight 包含 borderWidth。

  • targetWidth、targetHeight、borderWidth、stageWidth 数字类型 其它控件的长宽由这四个参数计算得出。
  • borderClr 字符串 边框颜色。
  • bgClr 字符串 背景颜色。

AddMsg(msgText, msgLink)

添加消息。

  • msgText 字符串 消息文字,允许 HTML。
  • msgLink 字符串 消息超链接,如某消息没有超链接,则使用零长度字符串为 msgLink 赋值。

ShowMsg()

显示消息。

常见问题
  • 为什么使用表格存储时,msgFrom 是 3?  使用表格存储时,我们为这个表格赋予 id,并将该 id 名称传给 msgBlockStr,表格的下一级元素是 tbody,再下一级元素是 tr,再下一级是 td,共要越过三级才能找到展示所需的数据,所以 msgFrom 为 3。
  • 我将数据存储在表格的多行中,为何只显示第一行的内容?  如果使用表格存储,则我们应将内容存储在同一行的不同列中,而不是同一列的不同行中,建议使用 ul 或 JavaScript 数组存储。
  • 我的程序没有任何错误,为什么展区被扩大了呢? 您需要给展示区域指定宽度和高度,不必指定 overflow 属性,程序会自动指定它。
  • 内容太长,一行显示不完怎么办? 请想尽一切办法缩短内容,因为只有在内容仅一行的情况下,访问者才会得到最好的视觉感受。
产品下载

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

  • JS 主程序文件 1 个
  • 示例文件 1 个