|
|
@@ -1,93 +0,0 @@
|
|
|
-{% load staticfiles %}
|
|
|
-<!doctype html>
|
|
|
-<html lang="zh">
|
|
|
-
|
|
|
-<head>
|
|
|
- <meta charset="UTF-8">
|
|
|
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
|
|
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
- <title>HTML5 SVG可互动的3D标签云代码 - 站长素材</title>
|
|
|
- <link rel="stylesheet" type="text/css" href="{% static '/lib/css/zzsc-demo.css'%}">
|
|
|
- <style type="text/css">
|
|
|
- #tag-cloud {
|
|
|
- width: 640px;
|
|
|
- height: 480px;
|
|
|
- margin: 50px auto;
|
|
|
- }
|
|
|
- </style>
|
|
|
-</head>
|
|
|
-
|
|
|
-<body>
|
|
|
- <div class="zzsc-container">
|
|
|
- <div id='tag-cloud'></div>
|
|
|
- </div>
|
|
|
-
|
|
|
- <script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script>
|
|
|
- <script src="{% static '/lib/js/jquery.svg3dtagcloud.min.js' %}"></script>
|
|
|
- <script>
|
|
|
- $(document).ready(function () {
|
|
|
- var entries = [
|
|
|
- { label: 'Back to top', url: '#', target: 'BoardRight' },
|
|
|
- { label: 'Bootstrap', url: '#', target: 'BoardRight' },
|
|
|
- { label: 'Carousel', url: '#', target: 'BoardRight' },
|
|
|
- { label: 'Countdown', url: '#', target: 'BoardRight' },
|
|
|
- { label: 'Dropdown Menu', url: '#', target: 'BoardRight' },
|
|
|
- { label: 'CodePen', url: 'sell_view', target: '' },
|
|
|
- { label: 'three.js', url: 'sell_view', target: 'BoardRight' },
|
|
|
- { label: 'Form Validation', url: '#', target: 'BoardRight' },
|
|
|
- { label: 'JS Compress', url: 'sell_view', target: 'BoardRight' },
|
|
|
- { label: 'TinyPNG', url: 'sell_view', target: 'BoardRight' },
|
|
|
- { label: 'Can I Use', url: 'sell_view', target: 'BoardRight' },
|
|
|
- { label: 'URL shortener', url: 'sell_view', target: 'BoardRight' },
|
|
|
- { label: 'Grid Layout', url: '#', target: 'BoardRight' },
|
|
|
- { label: 'Twitter', url: 'sell_view', target: 'BoardRight' },
|
|
|
- { label: 'deviantART', url: 'sell_view', target: 'BoardRight' },
|
|
|
- { label: 'Gulp', url: 'sell_view', target: '' },
|
|
|
- { label: 'Browsersync', url: 'sell_view', target: 'BoardRight' },
|
|
|
- { label: 'GitHub', url: 'https://github.com/', target: 'BoardRight' },
|
|
|
- { label: 'Shadertoy', url: 'sell_view', target: 'BoardRight' },
|
|
|
- { label: 'Tree View', url: '#', target: 'BoardRight' },
|
|
|
- { label: 'jsPerf', url: 'sell_view', target: 'BoardRight' },
|
|
|
- { label: 'Foundation', url: 'sell_view', target: 'BoardRight' },
|
|
|
- { label: 'CreateJS', url: 'sell_view', target: 'BoardRight' },
|
|
|
- { label: 'Velocity.js', url: 'sell_view', target: 'BoardRight' },
|
|
|
- { label: 'TweenLite', url: 'sell_view', target: 'BoardRight' },
|
|
|
- { label: 'jQuery', url: 'sell_view', target: 'BoardRight' },
|
|
|
- { label: 'Notification', url: '#', target: 'BoardRight' },
|
|
|
- { label: 'Parallax', url: '#', target: 'BoardRight' }
|
|
|
- ];
|
|
|
-
|
|
|
- var settings = {
|
|
|
-
|
|
|
- entries: entries,
|
|
|
- width: 640,
|
|
|
- height: 480,
|
|
|
- radius: '85%',
|
|
|
- radiusMin: 75,
|
|
|
- bgDraw: true,
|
|
|
- bgColor: '#494A5F',
|
|
|
- opacityOver: 1.00,
|
|
|
- opacityOut: 0.05,
|
|
|
- opacitySpeed: 6,
|
|
|
- fov: 800,
|
|
|
- speed: 0.5,
|
|
|
- fontFamily: 'Oswald, Arial, sans-serif',
|
|
|
- fontSize: '15',
|
|
|
- fontColor: '#fff',
|
|
|
- fontWeight: 'normal',//bold
|
|
|
- fontStyle: 'normal',//italic
|
|
|
- fontStretch: 'normal',//wider, narrower, ultra-condensed, extra-condensed, condensed, semi-condensed, semi-expanded, expanded, extra-expanded, ultra-expanded
|
|
|
- fontToUpperCase: true
|
|
|
-
|
|
|
- };
|
|
|
-
|
|
|
- //var svg3DTagCloud = new SVG3DTagCloud( document.getElementById( 'holder' ), settings );
|
|
|
- $('#tag-cloud').svg3DTagCloud(settings);
|
|
|
-
|
|
|
- });
|
|
|
-
|
|
|
- </script>
|
|
|
-
|
|
|
-</body>
|
|
|
-
|
|
|
-</html>
|