知更鸟begin主题自带的标签云样式修改,代码来自某人,修改的是5.4版本的,其它版本未测试,代码由js随机颜色加css样式修改而成。
css样式
- .tagcloud{
- padding:14px 0 14px 12px;
- }
- .tagcloud a{
- float:left;
- margin:3px;
- line-height:26px;
- text-align:center;
- border:1px solid #ddd;
- border-radius:2px;
- padding-top:0;
- padding-right:5px;
- padding-bottom:0;
- padding-left:5px;
- overflow:hidden;
- display:block;
- width:92px;
- height:28px;
- }
- .tagcloud a{
- color:#fff;
- }
js代码
- <script type="text/javascript">box_width = $("#cx_tag_cloud-5").width();
- len = $(".tagcloud a").length - 1;
- $(".tagcloud a").each(function(i) {
- var let = new Array('3366FF', '31ac76', 'ea4563', '31a6a0', '8e7daa', '4fad7b', 'f99f13', 'f85200', '666666');
- var random1 = Math.floor(Math.random() * 9) + 0;
- var num = Math.floor(Math.random() * 6 + 9);
- $(this).attr('style', 'background:#' + let[random1] + '');
- if ($(this).next().length > 0) {
- last = $(this).next().position().left
- }
- });</script>
css代码放主题样式表文件(style.css),js自己调用或添加到页脚文件,感谢爱都娱乐的代码。
1. 如有链接无法下载、失效或广告,请联系QQ:181289218 处理!
2. 本站的所有资源为购买、网络收集,或者用户投稿的资源,版权归原作者及网站所有!
3. 如若侵犯了您的权利,请及时联系站长删除!
4. 本站提供的资源,都不包含技术服务请大家谅解!
5. 此软件“仅限学习交流,不能用于商业用途”!
6. 如用于商业用途,请到官方购买正版软件,追究法律责任与“云墨SEO”站点无关!
2. 本站的所有资源为购买、网络收集,或者用户投稿的资源,版权归原作者及网站所有!
3. 如若侵犯了您的权利,请及时联系站长删除!
4. 本站提供的资源,都不包含技术服务请大家谅解!
5. 此软件“仅限学习交流,不能用于商业用途”!
6. 如用于商业用途,请到官方购买正版软件,追究法律责任与“云墨SEO”站点无关!
- 我的微信
- 这是我的微信扫一扫
-
- 站长技术资源群
- QQ群:431710796
-
评论