JpCloud例程

最新推荐文章于 2024-08-22 09:33:00 发布

Json_Nie

最新推荐文章于 2024-08-22 09:33:00 发布

阅读量1.8k

点赞数

分类专栏： HTML JaveScript 文章标签： stylesheet function list button border div

本文链接：https://blog.csdn.net/dreamd1987/article/details/8094894

版权

HTML 同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

JaveScript

7 篇文章 0 订阅

订阅专栏

<!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.js"></script>
    <script type="text/javascript" src="jqcloud-1.0.2.js"></script>
    <script type="text/javascript">
		
		var word_list = [
        {text: "Lorem", weight: 13, link: "https://github.com/lucaong/jQCloud"},
        {text: "Ipsum", weight: 10.5, link: "http://jquery.com/"},
        {text: "Dolor", weight: 9.4},
        {text: "Sit", weight: 8},
        {text: "Amet", weight: 6.2},
        {text: "Consectetur", weight: 5},
        {text: "Adipiscing", weight: 5},
        {text: "Elit", weight: 5},
        {text: "Nam et", weight: 5},
        {text: "Leo", weight: 4},
        {text: "Sapien", weight: 4, link: "http://www.lucaongaro.eu/"},
        {text: "Pellentesque", weight: 3},
        {text: "habitant", weight: 3},
        {text: "morbi", weight: 3},
        {text: "tristisque", weight: 3},
        {text: "senectus", weight: 3},
        {text: "et netus", weight: 3},
        {text: "et malesuada", weight: 3},
        {text: "fames", weight: 2},
        {text: "ac turpis", weight: 2},
        {text: "egestas", weight: 2},
        {text: "Aenean", weight: 2},
        {text: "vestibulum", weight: 2},
        {text: "elit", weight: 2},
        {text: "sit amet", weight: 2},
        {text: "metus", weight: 2},
        {text: "adipiscing", weight: 2},
        {text: "ut ultrices", weight: 2},
        {text: "justo", weight: 1},
        {text: "dictum", weight: 1},
        {text: "Ut et leo", weight: 1},
        {text: "metus", weight: 1},
        {text: "at molestie", weight: 1},
        {text: "purus", weight: 1},
        {text: "Curabitur", weight: 1},
        {text: "diam", weight: 1},
        {text: "dui", weight: 1},
        {text: "ullamcorper", weight: 1},
        {text: "id vuluptate ut", weight: 1},
        {text: "mattis", weight: 1},
        {text: "et nulla", weight: 1},
        {text: "Sed", weight: 1}
        ];
		 // $(function() {
        //$("#helllo").jQCloud(word_list);
		function demo() {
			$("#helllo").jQCloud(word_list);
		}
    </script>
  </head>
  <body>
    <div id="helllo" style="width: 550px; height: 350px; border: 1px solid #ccc;"></div>
	<input onClick="demo()" type="button" value="hellocloud">
  </body>
</html>