3D显示 关键词玩炫酷

编程学堂

25-f10-1-1.jpg

设计思路

网站有时需要显示一些文章的关键词,仅仅用文本排列方式不够新颖,如果用3D滚动显示会更加吸引用户。程序用ASP.net+Access设计,数据库中需要一个用户表Tags,设置字段:ID(记录号)、Tag(关键词)、Href(关键词链接)、Class(CSS属性)、Title(链接提示)、Style(字体大小)。

当系统添加文章关键词时,先将相关信息插入数据库,当需要显示关键词时,程序再调用数据库中的信息,通过tagcloud.swf赋予关键词3D滚动效果。

设计难点

程序通过tagcloud.swf赋予关键词3D滚动效果的过程如下:首先使用SWFObject调用tagcloud.swf,将所有链接信息进行URLEncode转化,再把转化后的信息链接在一起添加到tagcloud.swf的tagcloud变量中。

开发步骤

第一步:启动VS 2010,新建一个项目,这里我们不介绍如何向数据库中添加关键词,我们主要介绍如何显示3D滚动效果。如果用户浏览器无法显示Flash,网页就显示文字样式的关键词信息,毕竟网页是显示给所有人看的,要考虑到各种各样的情况。关键代码如下(完整代码下载地址:http://www.icpcw.com/bzsoft):

25-代码-1.jpg

//以上显示的关键词信息需要动态从数据库中调用,这里只是介绍效果如何显示

25-代码-2.jpg

第二步:在页面中调用tagcloud动画,并设置相关信息,使显示效果能符合我们的要求。关键代码如下(完整代码下载地址:http://www.icpcw.com/bzsoft):

25-代码-3.jpg

第三步:将所有关键词信息先进行Encoude转化,再添加到tagcloud.swf的tagcloud变量中。关键代码如下(完整代码下载地址:http://www.icpcw.com/bzsoft):

25-代码-4.jpg