刚开始玩jimdo建立诸葛草帽电脑工作室的时候就发现很多网站有这种3d flash标签云,看着很漂亮,也想弄来玩玩,但是那些网站基本都是wordpress网站,尝试做了几次都没有成功,前几天独星留言说在许耀鹏那里发现一个漂亮的标签云插件代码,正是我想要的那个,经过独星修正现在可以正常在jimdo站上使用了.效果如下(顺便截了两张图片,左图为鼠标指针下,右图为自由情况下)
原始代码如下:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="240" height="200" 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":"2009","hcolor":"0xFF6600","size":16,"bold":1,"herf":
"http://www.yi7.org/catalog.asp?tags=2009","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>
<!--<![endif]-->
</object>
红色部分是各种属性,蓝色部分是标签,按这个格式去增加标签,多个标签用半角逗号隔开.
关于这个3D标签云的使用，有几点需要注意：(原文摘录)
1）、链接中好像不能有中文字符，否则链接会出错；
(说明:可以使用转码取消限制,转码方法参见含有中文的网址中显示百分号%、十六进制数字等“乱码”是什么？)
2）、支持最大的显示效果是240X200，超过这个范围标签的显示范围也就这样大，四周会出现很多空白，但是对于缩小没有限制，这应该是那个swf文件的原因；
(说明:经过诸葛草帽测试,此球的大小和"radius"属性有关,数值越大球就越大)
3）、这个3D标签云内不要放太多的标签，因为他的显示大小有限，多了会显得密密麻麻，反而不好看了；
(说明:经诸葛草帽测试,调整焦距"focalLength"属性可以调整视觉效果,标签多的时候可以调整到你认为合适的"密度")
4）、要浏览到这个3D标签云的特效，需要你的浏览器支持flashplayer插件，我在本机测试IE内核的浏览器直接就可以浏览，但是火狐内核的浏览器需要下载安装flashplayer。
最后公布下诸葛草帽电脑工作室的标签云集代码,此代码经过我的精简和美化,之前代码中有一部分不能通过w3c标准验证,修改之后可以顺利通过了.代码如下:
<object type="application/x-shockwave-flash" data="javascript-to-flash.swf" width="250" height="250">
<param name="movie" value="http://u.jimdo.com/www24/o/sea6d17695a9c2b53/flash/m515a22a523f6e9
e9/1281236549/flash.swf" />
<param name="wmode" value="transparent" />
<param name="allowscriptaccess" value="always" />
<param name="flashvars" value=
'jsonData= {"type":"tagBall","delicacy":2,"renderCycleTime":1,"radius":100,"focalLength":999999,"elements":
[{"type":"text","data":"诸葛草帽","hcolor":"0x8F6600","herf":"/","window":""},{"type":"text","data":"NOD32","hcolor":"0xFF6600","herf":"/nod32","window":""},
{"type":"text","data":"卡巴斯基","hcolor":"0x026600","herf":"/kaba","window":""}, {"type":"text","data":"Xp","hcolor":"0xac6600","herf":"/xp","window":""},
{"type":"text","data":"Vista","hcolor":"0x636600","herf":"/vista","window":""}, {"type":"text","data":"网络安全","hcolor":"0xF56600","herf":"/safe","window":""},
{"type":"text","data":"Windows7","hcolor":"0x9F6600","herf":"/windows7","window":""}, {"type":"text","data":"IT资讯知识","hcolor":"0xFF6600","herf":"/news","window":""},
{"type":"text","data":"系统资源","hcolor":"0xF86600","herf":"/os","window":""}, {"type":"text","data":"office","hcolor":"0xdc6600","herf":"/office","window":""},
{"type":"text","data":"软件相关","hcolor":"0xdF6600","herf":"/software","window":""}, {"type":"text","data":"系统知识","hcolor":"0xdd6600","herf":"/system","window":""},
{"type":"text","data":"美化相关","hcolor":"0x356600","herf":"/beauty","window":""}, {"type":"text","data":"QQ","hcolor":"0x5F6600","herf":"/qq","window":""},
{"type":"text","data":"jimdo","hcolor":"0xFF6600","herf":"/jimdo","window":""}, {"type":"text","data":"媒体相关","hcolor":"0xFF6600","herf":"/media","window":""},
{"type":"text","data":"文件保存","hcolor":"0x2F6600","herf":"/save","window":""}, {"type":"text","data":"压缩解压","hcolor":"0xaF6600","herf":"/rar","window":""},
{"type":"text","data":"系统优化","hcolor":"0x8F6600","herf":"/optimization","window":""}, {"type":"text","data":"常用软件","hcolor":"0x156600","herf":"/popular-software","window":""},
{"type":"text","data":"破解软件","hcolor":"0xFF6600","herf":"/crack-software","window":""}, {"type":"text","data":"上传下载","hcolor":"0x696600","herf":"/download-upload","window":""},
{"type":"text","data":"网页浏览","hcolor":"0xF96600","herf":"/browse","window":""}, {"type":"text","data":"破解教程","hcolor":"0x986600","herf":"/crack","window":""},
{"type":"text","data":"聊天交流","hcolor":"0xFF6600","herf":"/chat","window":""}, {"type":"text","data":"MAC","hcolor":"0x5a6600","herf":"/mac","window":""},
{"type":"text","data":"Linux","hcolor":"0xdF6600","herf":"/linux","window":""}, {"type":"text","data":"驱动","hcolor":"0xFd6600","herf":"/drive","window":""},
{"type":"text","data":"娱乐八卦","hcolor":"0xaa6600","herf":"/gossip","window":""}, {"type":"text","data":"ChromeOS","hcolor":"0x526600","herf":"/chromeos","window":""},
{"type":"text","data":"游戏相关","hcolor":"0x0F6600","herf":"/game","window":""}, {"type":"text","data":"Windows8","hcolor":"0xFF6600","herf":"/windows8","window":""},
{"type":"text","data":"虚拟机","hcolor":"0xFF6600","herf":"/virtual","window":""}, {"type":"text","data":"软件绿化","hcolor":"0xcF6600","herf":"/green","window":""},
{"type":"text","data":"信息查询","hcolor":"0xdF6600","herf":"/information","window":""}, {"type":"text","data":"刻录相关","hcolor":"0xF96600","herf":"/burning","window":""},
{"type":"text","data":"打字输入","hcolor":"0x986600","herf":"/type","window":""}, {"type":"text","data":"网站代码","hcolor":"0x926600","herf":"/code","window":""},
{"type":"text","data":"其他文章","hcolor":"0xcd6600","herf":"/others","window":""}, {"type":"text","data":"SEO","hcolor":"0xF66600","herf":"/seo","window":""},
{"type":"text","data":"全部文章","hcolor":"0xF76600","herf":"/all","window":""}]}</object> </body> </html>' />
</object>
本文转自:独星的个人网站
Write a comment
独星 (Tuesday, 10 August 2010 21:34)
诸葛草帽转过来，（Head Shot！）你知道的太多了= =
诸葛草帽 (Tuesday, 10 August 2010 21:45)
回复独星:你能找到这么好的东西很厉害!我很佩服
好上网 (Wednesday, 11 August 2010 11:04)
不错的东东.....
诸葛草帽 (Wednesday, 11 August 2010 11:07)
回复好上网:呵呵,你玩网址导航了,不错
网上邻居 (Sunday, 12 September 2010 02:33)
截图要是截个动态图片就完美了，还有，我昨天截你的网站图片，好象Firefox和Opera都不显示这个3D标签云。
诸葛草帽 (Sunday, 12 September 2010 06:54)
回复网上邻居：嗯，的确是有这个问题，还没找到解决办法，唉
Charleen Stainbrook (Tuesday, 24 January 2017 09:58)
I'm extremely inspired along with your writing talents and also with the format to your blog. Is that this a paid subject or did you customize it yourself? Anyway keep up the nice high quality writing, it is rare to peer a nice blog like this one today..