Google
 
欢迎使用千一产品
千一产品:Exhibition v1.0

Exhibition 是用来实现重要或推荐信息展示的,信息内容可以是任意的(一般是图片)。它在同一区域循环切换显示多个信息,既节约了页面空间,又丰富了页面内容,其切换效果还可大大吸引访问者的注意力。

Exhibition 内置的几个类,可以使您轻松实现几个不同的展示效果,并且还可满足丰富的自定义需求。

同时,Exhibition 也是一个开发平台,所以可以对其类进行扩展,实现更强大的自定义功能。

演示地址

/products/webComponents/Exhibition/demo.htm

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

var data = new ExhibitionData();

data.addItem("1", "<a href='http://www.cftea.com/' target='_blank'><img src='1.png' alt='1' title='' /></a>");

data.addItem("2", "<a href='http://www.cftea.com/' target='_blank'><img src='2.png' alt='2' title='' /></a>");

data.addItem("3", "<a href='http://www.cftea.com/' target='_blank'><img src='3.png' alt='3' title='' /></a>");

data.addItem("4", "<a href='http://www.cftea.com/' target='_blank'><img src='4.png' alt='4' title='' /></a>");

data.addItem("5", "<a href='http://www.cftea.com/' target='_blank'><img src='5.png' alt='5' title='' /></a>");

//

//var stage = new ExhibitionStage();

var stage = new ExhibitionScrollStage();

//var stage = new ExhibitionFilterStage();

stage.create(data, 325, 200, false);

//

var controller = new ExhibitionNumberController();

controller.create(data, "mouseover", 3000, 150, 20);

//

var exhibition = new Exhibition("demo", 2, 1, "solid", "#666666", 325, 200);

exhibition.assemble(stage, 0, 0, controller, 178, 218);

exhibition.initialize();

exhibition.startAutoPlay();

相关阅读
产品下载

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

  • JS 主程序文件 4 个
  • 使用指南 2 个
  • 示例文件 1 个