1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45
| {% if site.tags.length > 1 %} <script src="/js/src/jquery-2.1.1.min.js"></script> <script src="/js/src/jquery.svg3dtagcloud.min.js"></script> <div id="tag-cloud" style="border-top: 1px grey solid; margin-top: 50px;overflow-x: auto;"></div> <script> function init_3d_tag_cloud(){ var entries = [] var tagsstr = '{% for tag in site.tags %}entries.push({label: "{{ tag.name }}", url: "{{ url_for(tag.path) }}", target: "_top"});{% endfor %}' eval(tagsstr) var settings = { entries: entries, width: 480, // 宽度 height: 480, // 高度 radius: '65%', radiusMin: 75, bgDraw: false, // 是否显示背景 bgColor: '#888', // 背景颜色 opacityOver: 1.00, opacityOut: 0.05, opacitySpeed: 1, fov: 800, speed: 2, // 旋转的速度 fontFamily: 'Oswald, Arial, sans-serif', fontSize: '18', // 默认字体大小 fontColor: '#8B4513', // 默认字体颜色 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: false, tooltipFontFamily: 'Oswald, Arial, sans-serif', tooltipFontSize: '11', tooltipFontColor: 'red', tooltipFontWeight: 'normal', // bold tooltipFontStyle: 'normal', // italic tooltipFontStretch: 'normal', // wider, narrower, ultra-condensed, extra-condensed, condensed, semi-condensed, semi-expanded, expanded, extra-expanded, ultra-expanded tooltipFontToUpperCase: false, tooltipTextAnchor: 'left', tooltipDiffX: 0, tooltipDiffY: 10, }; $('#tag-cloud').svg3DTagCloud(settings); } init_3d_tag_cloud(); </script> {% endif %}
|