从百度网盟广告页面中拔了一个Metro风格的标签云

作者：童燕群 | 发布日期：十月 4, 2013 | 阅读次数（2,225） | 评论 |

新浪微博 QQ空间

一直想做一个Metro风格的标签云，但是没有JS的功底，自己实现不了。于是从百度推广的Metro风格的广告页面中找来了代码，修改成了如下页面：

http://codefine.site/tagcloud.htm，

然后到WordPress的后台的小工具页面添加一个HTML块，内容为：

<iframe style="margin:6px 0 8px 0; border-right-width: 0px; width: 100%; 
border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px"
 src="http://codefine.site/tagcloud.htm" width="100%" height="280px" 
marginwidth="0" scrolling="no" ></iframe>

 

tagcloud.htm页面的内容非常容易定制，包括颜色集，整个block块的长宽等。由于这个只是抄袭过来的代码，标签的大小并不能体现文章数的多少，鼠标悬停在超链接上面时也不能浮出文章书目值。

应用这个小模块后生成的标签云效果截图为：

Metro风格的标签云

新浪微博 QQ空间

| 1 分2 分3 分4 分5 分 (5.00分 - 2票) Loading ... Loading ... | 这篇文章归档在：建站技术 | 标签： , . | 永久链接：链接 | 评论（0） |

评论

邮箱地址不会被泄露， 标记为 * 的项目必填。

8 - 2 = *



You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <img alt="" src="" class=""> <pre class=""> <q cite=""> <s> <strike> <strong>

返回顶部