首页 > 分享 > 用JS实现3D球状标签云示例代码

用JS实现3D球状标签云示例代码

最新推荐文章于 2024-09-25 21:55:11 发布

秦飞 于 2013-12-02 10:39:32 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

Matter:

1、发现实例不足,无法悬停(有待解决)
2、无法系统随机自动上色(有待解决)

首先使用标签云的一家高知名度的网站---照片共享网站Flickr。标签云的设计者是交互设计师Stewart Butterfield。之后,标签云被诸如del、Technorati等网站采纳。
首次公布的外观标签云(或至少是一个加权名单),可归结起来主要是"潜意识档案" ,在 Douglas Coupland的Microserfs( 1995 ) 。在Lester Leaps Out,威尔士诗人朗道,使用同样的逻辑加权文本,以创造一个图形文字地图来描述爵士音乐。诗中出现在他的书《Magic Fire Chevrolet》中( 1980 ) 。

html代码段
 代码如下:

<!DOCTYPE html>
<html>
<headers>
<meta charset=utf-8 />
<title>3D球状标签</title>
<link rel="stylesheet" type="text/css" href="3Dtag_style.css" />
<script type="text/javascript" src="3Dtag.js"></script>
</headers>
<body>
<div id="div1">
<a href="#">水果类别</a>
<a href="#" class="red">苹果</a>
<a href="#">香蕉</a>
<a href="#">西瓜</a>
<a href="#" class="blue">3Dtag</a>
<a href="#">SEO</a>
<a href="#">火龙果</a>
<a href="#" class="yellow">梨</a>
<a href="#">球状</a>
<a href="#" class="red">CSS</a>
<a href="#">PHP</a>
<a href="#" class="blue">Java</a>
<a href="#">继承</a>
<a href="#">C#</a>

相关知识

html玫瑰花效果代码,html5渲染3D玫瑰花情人节礼物js特效代码
HTML+CSS+JavaScript美食博客网页制作教程:从零开始,超详细代码解析与完整示例,适合初学者!
利用JS代码实现HTML网页飘落樱花特效(附代码)
使用p5.js实现神经网络与遗传算法示例
html制作花店代码,使用HTML和CSS3示例分享
[情人节礼物]纯js脚本1k大小的3D玫瑰
用户登录界面设计代码html
js水仙花数原理
python玫瑰花代码简单
程序员最美的情人节玫瑰花,JAVA代码实现的3D玫瑰噢

网址: 用JS实现3D球状标签云示例代码 https://m.huajiangbk.com/newsview689420.html

所属分类:花卉
上一篇: 情人节送什么给情人比较好
下一篇: 情人节送礼攻略(爱花居)