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