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: 'dashboard', url: 'https://code.bfw.wiki', target: '_blank' },
  { label: 'ui Kit', url: 'https://code.bfw.wiki', target: '_blank' },
  { label: 'fish animation', url: 'https://code.bfw.wiki', target: '_blank' },
  { label: 'Galaxy', url: 'https://code.bfw.wiki', target: '_blank' },
  { label: 'Error 404', url: 'https://code.bfw.wiki', target: '_blank' },
  { label: 'Lord Ganesha', url: 'https://code.bfw.wiki', target: '_blank' },
  { label: 'Prcing Table', url: 'https://code.bfw.wiki', target: '_blank' },
  { label: 'New Login', url: 'https://code.bfw.wiki', target:.........完整代码请登录后点击上方下载按钮下载查看

网友评论0