<分区>
jquery - 如何使用CSS在无序列表中格式化随机子项
how to format random items in an un-ordered list using CSS or JS as shown in the picture
最佳答案
看看这个:https://jsfiddle.net/er0j1fv4/
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqcloud/1.0.4/jqcloud.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqcloud/1.0.4/jqcloud-1.0.4.min.js"></script>
</head>
<body>
<div id="div1" style="width: 600px; height: 400px;"></div>
<script>
$(document).ready(function(){
var wordList = [
{text: "Peter", weight: 15},
{text: "Martin", weight: 9, link: "http://www.google.com/"},
{text: "Manhattan", weight: 6, html: {title: "This is the manhattan city"}},
{text: "Amalie", weight: 7},
{text: "Himalayas", weight: 5},
{text: "Peter", weight: 15},
{text: "Martin", weight: 9, link: "http://www.google.com/"},
{text: "Manhattan", weight: 6, html: {title: "This is the manhattan city"}},
{text: "Amalie", weight: 7},
{text: "Himalayas", weight: 5},
{text: "Peter", weight: 15},
{text: "Martin", weight: 9, link: "http://www.google.com/"},
{text: "Manhattan", weight: 6, html: {title: "This is the manhattan city"}},
{text: "Amalie", weight: 7},
{text: "Himalayas", weight: 5},
];
$("#div1").jQCloud(wordList);
});
</script>
</body>
</html>
结果:
引用:
关于jquery - 如何使用CSS在无序列表中格式化随机子项，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41054064/