【IT专家】基于HTML5 SVG可互动的3D标签云jQuery插件

更新时间:2023-07-28 04:55:07 阅读: 评论:0

本文由我司收集整编,推荐下载,如有疑问,请与我司联系基于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:

本文发布于:2023-07-28 04:55:07,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/89/1099523.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:标签   使用   插件   鼠标   我司   透明度   参数
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图