日期归档:十月 4, 2013

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

一直想做一个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风格的标签云

| 1 分2 分3 分4 分5 分 (5.00- 2票) Loading ... Loading ... | 归档目录:建站技术 | 标签: , |
返回顶部