html+css+jQuery城市文字云标签

1、新建html文档。

3、书写css代码。div.jqcloud { font-family: "微软雅黑", "微软雅黑", sans-serif; font-size: 10px; line-height: normal; }div.jqcloud a { font-size: inherit; text-decoration: none; }div.jqcloud span.w10 { font-size: 400%; }div.jqcloud span.w9 { font-size: 360%; }div.jqcloud span.w8 { font-size: 350%; }div.jqcloud span.w7 { font-size: 240%; }div.jqcloud span.w6 { font-size: 210%; }div.jqcloud span.w5 { font-size: 190%; }div.jqcloud span.w4 { font-size: 170%; }div.jqcloud span.w3 { font-size: 150%; }div.jqcloud span.w2 { font-size: 130%; }div.jqcloud span.w1 { font-size: 110%; }div.jqcloud { color: #09f; }div.jqcloud a { color: inherit; }div.jqcloud span:hover { color: red; font-size: 40px; font-weight: bold; }div.jqcloud span.w10 { color: #0cf; }div.jqcloud span.w9 { color: #0cf; }div.jqcloud span.w8 { color: #0cf; }div.jqcloud span.w7 { color: #39d; }div.jqcloud span.w6 { color: #90c5f0; }div.jqcloud span.w5 { color: #90a0dd; }div.jqcloud span.w4 { color: #90c5f0; }div.jqcloud span.w3 { color: #a0ddff; }div.jqcloud span.w2 { color: #99ccee; }div.jqcloud span.w1 { color: #aab5f0; }div.jqcloud { overflow: hidden; position: relative; }div.jqcloud span { padding: 0; }.append_div { background: black; color: #FFFFFF; opacity: 0.5; text-align: center; position: absolute; height: 100px; width: 80px; }

6、查看效果