admin 发表于 2015-5-18 19:52:36

网站首页增加标签云

网站添加标签云步骤:
DIY→高级模式→选择要显示的框架→模块中选择展示类静态模块,然后在模块中输入下面html代码即可,还有附件的swf文件要放在根目录

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="250" height="250" id="myFlashContent">
<param name="movie" value="3dtags.swf" />
<param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="wmode" value="transparent" />
<param name="allownetworking" value="all" />
<param name="flashvars" value='jsonData=
{"type":"tagBall","delicacy":2,"renderCycleTime":20,"radius":80,"focalLength":300,"color":"#000000","rotationModeX":14,"rotationModeY":14,"elements":
[{"type":"text","data":"大数据应用","hcolor":"0xFF6600","size":16,"bold":1,"herf":"/Application","window":"_blank","fontFamily":"\u5fae\u8f6f\u96c5\u9ed1"},
{"type":"text","data":"数据挖掘","hcolor":"0xFF6600","size":16,"bold":1,"herf":"/technology/Data_mining","window":"_blank","fontFamily":"\u5fae\u8f6f\u96c5\u9ed1"},
{"type":"text","data":"数据可视化","hcolor":"0xFF6600","size":16,"bold":1,"herf":"/technology/Data_visualization","window":"_blank","fontFamily":"\u5fae\u8f6f\u96c5\u9ed1"},
{"type":"text","data":"数据库","hcolor":"0xFF6600","size":16,"bold":1,"herf":"/technology/database","window":"_blank","fontFamily":"\u5fae\u8f6f\u96c5\u9ed1"},
{"type":"text","data":"数据分析","hcolor":"0xFF6600","size":16,"bold":1,"herf":"/technology/Data_mining","window":"_blank","fontFamily":"\u5fae\u8f6f\u96c5\u9ed1"},
{"type":"text","data":"机器学习","hcolor":"0xFF6600","size":16,"bold":1,"herf":"/technology/Machinelearning","window":"_blank","fontFamily":"\u5fae\u8f6f\u96c5\u9ed1"},
{"type":"text","data":"深度学习","hcolor":"0xFF6600","size":16,"bold":1,"herf":"/technology/deeplearning","window":"_blank","fontFamily":"\u5fae\u8f6f\u96c5\u9ed1"},
{"type":"text","data":"Hadoop","hcolor":"0xFF6600","size":16,"bold":1,"herf":"/technology/Hadoop","window":"_blank","fontFamily":"\u5fae\u8f6f\u96c5\u9ed1"},
{"type":"text","data":"Python","hcolor":"0xFF6600","size":16,"bold":1,"herf":"/technology/Programing_Language","window":"_blank","fontFamily":"\u5fae\u8f6f\u96c5\u9ed1"},
{"type":"text","data":"软件下载","hcolor":"0xFF6600","size":16,"bold":1,"herf":"/Storehouse/software/","window":"_blank","fontFamily":"\u5fae\u8f6f\u96c5\u9ed1"}
]}'/>
<a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash
player" /></a>
<!-->-->
</object>
<!--<!-->
</object>
"data":"大数据应用" -----data后面是标签的名字 可以自己修改为你想显示的标签
"herf":"www.bigdata.ren" -----herf后面是标签的链接地址, 可以自己修改

然后就是一个flash了 (见附件压缩包中的swf文件) 。
将附件下载以后放在网站根目录,如果要更换目录的话修改代码里面<param name="movie" value="3dtags.swf" />
value的值=“xxx/xxx/xxx/3dtags.swf”,建议不用修改,直接放在你的网站根目录

标签云显示尺寸可以自己修改,在代码中width="250" height="250"修改

按照上面的步骤,我们网站(www.bigdata.ren)制作的效果图如下:

页: [1]
查看完整版本: 网站首页增加标签云