当前位置:博客展示

swf标签云(球形滚动)[下载]

作者: 创建时间:2016-12-05 18:33:34

昨天超站的版主小光头看到一个网站上有一个TAGS云的特效,很漂亮也很有个性。我上去看了一下,原来是3D标签云。说实话确实很漂亮,这个3D标签云实现起来后可以将所有的标签都集中在一个FLASH里,并且所有的标签组成的标签云还会在这个3D标签云内形成一个球形不断的滚动;当你的鼠标移动到这个3D标签云内的任何一个标签时,所有标签会加速滚动,并且所你选择的那个标签会自动滚到最前。如图:

我一看到这个3D标签云的特效的时候,我也一下子喜欢上了,而且很巧合,之前我也在另一个网站上看到同样的效果。于是我就答应小光头帮他把代码拿出来,费了好长的时间我才弄清楚这个特效。

上面的代码中,只给出了一个标签的链接,红色部分为一个完整的标签代码,多个标签用半角逗号隔开;上面的代码中蓝色部分为你的标签和链接的地址,除了这两个地方要改,其余的不需要改。 如果要改变显示的大小,请直接修改代码第一行中的width="240" height="200"部分。本贴由FastMVC首发,谢谢关注FastMVC。

因为我也是匆忙中找到的这个代码,虽然不是很完美,但是确实可以使用,而且如果您使用的CMS或你的网站程序支持循环标签调用的话,要实现起来还是比较简单的。如果对上面的代码看得不是很明白。

细分析很容易找出规律。本来我也想做一个直接拿去就可以用的代码,但是每个人使用的网站程序不一样,标签的调用方法也不一样,而且我看了大部分网站的在3D标签云的效果都是使用的网站程序的插件,所以我无法提供直接拿去就能用的代码。本贴由FastMVC首发,谢谢关注FastMVC。

最后,关于这个3D标签云的使用,有几点需要注意:

1)、链接中好像不能有中文字符,否则链接会出错;

2)、支持最大的显示效果是240X200,超过这个范围标签的显示范围也就这样大,四周会出现很多空白,但是对于缩小没有限制,这应该是那个swf文件的原因;

3)、这个3D标签云内不要放太多的标签,因为他的显示大小有限,多了会显得密密麻麻,反而不好看了;

4)、要浏览到这个3D标签云的特效,需要你的浏览器支持flashplayer插件,我在本机测试IE内核的浏览器直接就可以浏览,但是火狐内核的浏览器需要下载安装flashplayer。

代码演示

<embed
type="application/x-shockwave-flash" 
src="tagcloud.swf" 
width="500" 
height="500"  
quality="high" 
wmode="transparent" 
allowscriptaccess="always"
flashvars="
tcolor=0x333333
&hicolor=0xaaaaaa
&tspeed=150
&distr=true&mode=both&tagcloud=<tags>
<a style='font-size:10px;' href='http://www.cnmoke.com/register.html' >新用户注册</a>
<a style='font-size:10px;' href='http://www.cnmoke.com/login.html' >用户登录</a>
<a style='font-size:10px;' href='http://www.cnmoke.com/blog.html' >博客坊</a>
<a style='font-size:10px;' href='http://www.cnmoke.com/serve.html' >查看人才信息</a>
<a style='font-size:10px;' href='http://www.cnmoke.com/post.html' >查看岗位信息</a>
<a style='font-size:10px;' href='http://www.cnmoke.com/user.html' >用户管理</a>
<a style='font-size:10px;' href='http://www.cnmoke.com/help.html' >用户帮助</a>
</tags>" >

下载地址

相关评论
<··>
Ctrl + Enter快速提交
提交
加载剩余 0 条评论
博客达人
网站目录
首页 讨论中心 帮助手册 下载中心 站内博客 用户管理
友情链接
强制裂变源码
声明
电话:18729480012 地址:西安市高新路18号凯创国际A1802号 西安爱迪科技 陕ICP备14010060号2014-2020 版权所有