本文由我司收集整编,推荐下载,如有疑问,请与我司联系基于HTML5 SVG可互动的3D标签云jQuery插件2017/04/26 242 svg3dtagcloud.js是一款基于HTML5 SVG的3D标签云jQuery 插件。该3D标签云插件不需要额外的CSS样式,可使用鼠标与标签进行互动,并提供很多参数来控制标签云的外观。我的童年往事
效果演示:qianxunclub第三人称的作用
添加代码使用该3D标签云插件需要引入jQuery和jquery.svg3dtagcloud.min.js 文件。
script src=“js/jquery.min.js” /script script src=“js/jquery.svg3dtagcloud.min.js” /script 可以使用一个div 容器来作为该3D标签云的包裹容器。
写人作文结尾
div id=“tag-cloud” /div 初始化插件var entries = [ { label: ‘千寻博客’, url: ‘qianxunclub’, target: ‘_Blank’ }, { label: ‘千寻博客’, url: ‘qianxunclub’, target: ‘_Blank’ }, { label: ‘千寻博客’, url: ‘qianxunclub’, target: ‘_Blank’ }, { label: ‘千寻博客’, url: ‘qianxunclub’, target: ‘_Blank’ }, { label: ‘千寻博客’, url: ‘qianxunclub’, target: ‘_Blank’ } ]; 然后可以通过下面的方法来初始化该3D标签云插件。比丝姬
饱经忧患
一诺千年 var ttings = { entries: entries, width: 640, height: 480, radius: ‘65%’, radiusMin: 75, bgDraw: fal, opacityOver: 1.00, opacityOut: 0.05, opacitySpeed: 6, fov: 800, speed: 0.5, fontFamily: ‘Oswald, Arial, sans-rif’, fontSize: ‘15’, fontColor: ‘#009688’, fontWeight: ‘normal’, fontStyle: ‘normal’, fontStretch: ‘no好玩的亲子游戏
孟古
rmal’, fontToUpperCa: true};$( ‘#tag-cloud’ ).svg3DTagCloud( ttings ); 配置参数svg3dtagcloud.js插件的可用配置参数有:
entries:一个对象数组,用于初始化标签。width:标签云的宽度。height:标签云的高度。radius:标签云的半径。radiusMin:标签云的最小半径。bgDraw:是否使用背景色。bgColor:背景颜色。opacityOver:鼠标滑过标签时的标签透明度。opacityOut:鼠标离开标签时的标签透明度。opacitySpeed:标签透明度过渡速度。fov:how the content is prented。speed:标签云动画的速度。fontFamily:标签云的字体。fontSize:标签云的字体大小。fontColor:标签云的字体颜色。fontWeight: