jquery.svg3DTagCloud实现三维3d标签云链接效果代码

代码语言:html

所属分类:其他

代码描述:jquery.svg3DTagCloud实现三维3d标签云链接效果代码

代码标签: jquery svg3DTagCloud 三维 3d 标签 链接

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
 
<meta charset="UTF-8">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jquery.2.11.js"></script>
 
 
 
<style>
body
{
 
display: flex;
 
justify-content: center;
 
align-items: center;
 
min-height: 100vh;

   
background-color: #181828;
}

*
{
 
margin:0;
 
padding:0;
}

#tag-cloud svg rect
{
 
fill:transparent;
}
</style>


 
</head>

<body translate="no">
 
<div id='tag-cloud'></div>
 
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/svg3DTagCloud.js"></script>
     
<script  >

$(document).ready(function () {

  var entries = [

  { label: 'svg dual icons', url: 'https://code.bfw.wiki', target: '_blank' },
  { label: 'pop up menu', url: 'https://code.bfw.wiki', target: '_blank' },
  { label: 'Menu Design', url: 'https://code.bfw.wiki', target: '_blank' },
  { label: 'bubbles animation', url: 'https://code.bfw.wiki', target: '_blank' },
  { label: 'Dropdown Menu', url: 'https://code.bfw.wiki', target: '_blank' },
  { label: '3D', url: 'https://code.bfw.wiki', target: '_blank' },
  { label: 'happy birthday', url: 'https://code.bfw.wiki', target: '_blank' },
  { label: 'd.........完整代码请登录后点击上方下载按钮下载查看

网友评论0