现在的位置: 首页 > 综合 > 正文

分享一个标签云Flash插件

2013年03月26日 ⁄ 综合 ⁄ 共 3664字 ⁄ 字号 评论关闭

WP上面有个标签云插件相当酷(似乎叫做“wp-cumulus”),之前有网友在问本站首页的那个标签云的实现,这里说来惭愧,这个东西是无意间在网上捡到的,至今我也忘记是在哪里看到的,估计是在网上瞎逛的时候抠下来的- -!其实就是一个flash,然后把它签到网页上面去而已,并不是什么控件啥的。这个东西使用起来比较简单但就是没有api文档啥的...这里把我的使用情况和大家分享一下!
    如果懂as的话可以试着反编译出来,本人之前反过一次,不过由于在as方面的知识为零,所以没咋看懂,OTZ......

    标签云效果可以看下本站首页(右边偏下方)

标签云Html代码:

    <embed src="TagsClound.swf"
        wmode="transparent" 
        allowscriptaccess="always" 
        quality="low"
        flashvars='[jsonData]'
        pluginspage="http://www.macromedia.com/go/getflashplayer" 
        type="application/x-shockwave-flash"
        width="250" 
        height="250">
    </embed>
    这里关注两个参数,一个是src,就是swf文件的地址,请点击下载:TagsClound.swf,
    另外一个是flashvars,这个参数的值是一个json字符串,下面是对这个参数的内容介绍。

标签云flashvars属性(jsonData)

    jsonData={
        "type":"tagBall",
        "color":"0x222222",
        "delicacy":2,
        "renderCycleTime":10,
        "radius":100,
        "focalLength":999,
        "rotationModeX":0,
        "rotationModeY":0,
        "elements": [
            {"type":"text","size":12,"bold":0,"data":"jquery","hcolor":"0xff4400","herf":"http://www.youguanbumen.net/Articles.aspx?tag=jquery","window":""},
            {"type":"text","size":12,"bold":0,"data":"插件","hcolor":"0xff4400","herf":"http://www.youguanbumen.net/Articles.aspx?tag=插件","window":""},
            {"type":"text","size":12,"bold":0,"data":"程序员","hcolor":"0xff4400","herf":"http://www.youguanbumen.net/Articles.aspx?tag=程序员","window":""},
            {"type":"text","size":12,"bold":0,"data":"jquery UI","hcolor":"0xff4400","herf":"http://www.youguanbumen.net/Articles.aspx?tag=jquery UI","window":""},
            {"type":"text","size":12,"bold":0,"data":"电影","hcolor":"0xff4400","herf":"http://www.youguanbumen.net/Articles.aspx?tag=电影","window":""},
            {"type":"text","size":12,"bold":0,"data":"Facebook","hcolor":"0xff4400","herf":"http://www.youguanbumen.net/Articles.aspx?tag=Facebook","window":""},
            {"type":"text","size":12,"bold":0,"data":"文本编辑器","hcolor":"0xff4400","herf":"http://www.youguanbumen.net/Articles.aspx?tag=文本编辑器","window":""},
            {"type":"text","size":12,"bold":0,"data":"IE6","hcolor":"0xff4400","herf":"http://www.youguanbumen.net/Articles.aspx?tag=IE6","window":""},
            {"type":"text","size":12,"bold":0,"data":"ASP.NET","hcolor":"0xff4400","herf":"http://www.youguanbumen.net/Articles.aspx?tag=ASP.NET","window":""},
            {"type":"text","size":12,"bold":0,"data":"MVC3.0","hcolor":"0xff4400","herf":"http://www.youguanbumen.net/Articles.aspx?tag=MVC3.0","window":""},
            {"type":"text","size":12,"bold":0,"data":"验证码","hcolor":"0xff4400","herf":"http://www.youguanbumen.net/Articles.aspx?tag=验证码","window":""},
            {"type":"text","size":12,"bold":0,"data":"Javascript库","hcolor":"0xff4400","herf":"http://www.youguanbumen.net/Articles.aspx?tag=Javascript库","window":""},
            {"type":"text","size":12,"bold":0,"data":"UI","hcolor":"0xff4400","herf":"http://www.youguanbumen.net/Articles.aspx?tag=UI","window":""},
            {"type":"text","size":12,"bold":0,"data":"RIA","hcolor":"0xff4400","herf":"http://www.youguanbumen.net/Articles.aspx?tag=RIA","window":""},
            {"type":"text","size":12,"bold":0,"data":"IT","hcolor":"0xff4400","herf":"http://www.youguanbumen.net/Articles.aspx?tag=IT","window":""},
            {"type":"text","size":12,"bold":0,"data":"Visual Studio","hcolor":"0xff4400","herf":"http://www.youguanbumen.net/Articles.aspx?tag=Visual Studio","window":""}
            ]
        }
        以上这些内容作为embed标签的flashvars属性的值,这里为了好看分成好几行,实际使用的时候不应该分行!另外一个需要注意的是,这个插件使用的是GB2312中文编码!!!

标签云jsonData说明

        声明:由于这个flash插件是在网上捡到的,所以没有任何API啥的,所以对于这些参数的作用只能是按照我的理解来写 - -!
        "type":            目前只发现这个参数值,"tagBall"
        "color":           字体颜色,十六进制数(鼠标没有悬浮上去时候的颜色)
        "delicacy":        旋转速度,越大越快
        "renderCycleTime": 渲染频率,设置太大的话看起来会卡
        "radius":          球体半径
        "focalLength":     焦距,主要是影响到离心力,反比
        "rotationModeX":   x轴旋转模式,数字,可负
        "rotationModeY":   y轴旋转模式,数字,可负
        "elements":        json格式的参数的数组,用于设置每一个“云”
                {
                "type":   目前只发现这个参数值,"text"
                "size":   字体大小
                "bold":   文本是否用粗体显示(1=是;0=否)
                "data":   显示的文本
                "hcolor": 鼠标悬浮时候的颜色,十六进制数
                "herf":   点击后跳转的地址
                "window": 相当于html中a标签的target属性
                }

随便附上一个本文的实例,请点击下载(VS2010,.NET 2.0)

抱歉!评论已关闭.