项目地址:https://github.com/lucaong/jQCloud
jQuery plugin for drawing neat word clouds that actually look like clouds
jqcloud是一个 jQuery 标签云的插件,如下图所示:
示例代码:
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
|
<!DOCTYPE html>
<html>
<head>
<title>jQCloud Example</title>
<link rel=
"stylesheet"
type=
"text/css"
href=
"jqcloud.css"
/>
<script type=
"text/javascript"
src=
"http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"
></script>
<script type=
"text/javascript"
src=
"jqcloud-1.0.4.js"
></script>
<script type=
"text/javascript"
>
/*!
* Create an array of word objects, each representing a word in the cloud
*/
var
word_array = [
{text:
"Lorem"
, weight: 15},
{text:
"Ipsum"
, weight: 9, link:
"http://jquery.com/"
},
{text:
"Dolor"
, weight: 6, html: {title:
"I can haz any html attribute"
}},
{text:
"Sit"
, weight: 7},
{text:
"Amet"
, weight: 5}
// ...as many words as you want
];
$(
function
() {
// When DOM is ready, select the container element and call the jQCloud method, passing the array of words as the first argument.
$(
"#example"
).jQCloud(word_array);
});
</script>
</head>
<body>
<!-- You should explicitly specify the dimensions of the container element -->
<div id=
"example"
style=
"width: 550px; height: 350px;"
></div>
</body>
</html>
|