dedecms文章权重排序(Dedecms实现tags云标签随机颜色与字体大小方法详解)
类别:CMS系统 浏览量:513
时间:2022-01-25 00:19:57 dedecms文章权重排序
Dedecms实现tags云标签随机颜色与字体大小方法详解本文实例讲述了Dedecms实现tags云标签随机颜色与字体大小方法。分享给大家供大家参考。具体分析如下:
这里给大家介绍三种tags云标签随机颜色与字体大小方法,包括直接在dedecms中进行二次开发,另一种利用jquery与js来获取指定li中的A标签并设置连接颜色与字体大小.
修改方法:
1、在/include/common.func.php 中加入如下函数,代码如下:
- function getTagStyle()
- {
- $minFontSize=8; //最小字体大小,可根据需要自行更改
- $maxFontSize=18; //最大字体大小,可根据需要自行更改
- return 'font-size:'.($minFontSize+lcg_value()*(abs($maxFontSize-$minFontSize))).'px;color:#'.dechex(rand(0,255)).dechex(rand(0,196)).dechex(rand(0,255));
- }
在模板中用如下代码调用标签,代码如下:
- {dede:tag row='45' getall='1' sort='hot'}
- <a href='[field:link/]' title="[field:tag /]([field:total /])" style="[field:total runphp=yes]@me=getTagStyle();[/field:total]">[field:tag /]</a>
- {/dede:tag}
如果你不想修改dedecms的话我们可以利用js来实例,代码如下:
- <script src="/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
- <script type="text/javascript">
- $(document).ready(function() {
- var tags_a = $("#tags a");
- tags_a.each(function(){
- var x = 9;
- var y = 0;
- var rand = parseInt(Math.random() * (x - y + 1) + y);
- $(this).addClass("tags"+rand);
- });
- })
- </script>
css代码如下:
- <style>
- body,a{ font-size:13px;}
- a{ color:#333333; text-decoration:none;}
- .taglist{ width:250px;overflow:hidden;border:#dddddd solid 1px;}
- .taglist .tit{ width:100%; height:24px; line-height:24px; background-color:#565662;}
- .taglist .tit a{ padding-left:8px; color:#ffffff;}
- #tags a{height:26px; line-height:26px;padding-right:6px;}
- #tags .tags0{}
- #tags .tags1{color:#C00; font-size:24px;}
- #tags .tags2{color:#030; font-size:16px;}
- #tags .tags3{color:#00F;}
- #tags .tags4{ font-size:16px;}
- #tags .tags5{color:#C00; font-size:20px;}
- #tags .tags6{color:#F06 font-size:20px;}
- #tags .tags7{color:#030; font-weight:bold; font-size:18px;}
- #tags .tags8{color:#F06; font-weight:bold;}
- #tags .tags9{color:#C00; font-weight:bold;font-size:16px;}
- #tags a:hover{ color:#F00; text-decoration:underline;}
- .w95{ width:95%; margin:0 auto; padding-top:6px; padding-bottom:6px;}
- .taglist .w95{}
- </style>
html结构:
- <li class="taglist">
- <li class="tit"><a href="#">TAG标签</a></li>
- <li class="w95" id="tags">
- 这里面放你的A标题就可以了。
- </li>
还有一个更简单的,代码如下:
- <script language="javascript" type="text/javascript">
- function randomKeywords(){
- var alinks = document.getElementById("keywords").getElementsByTagName("a");
- var aColors = new Array("#990033", "#006666", "#9966CC","#FFCC66", "#6633CC", "#9999CC","#999966", "#996666", "#9933CC","#FF99CC");
- var aSize = new Array("11px", "12px", "13px","14px", "15px", "16px","17px");
- for( var i=0; i<alinks.length; i++){
- alinks[i].style.color=aColors[Math.round(aColors.length*Math.random())];
- alinks[i].style.fontSize=aSize[Math.round(aSize.length*Math.random())];
- }
- }
- randomKeywords();
- </script>
希望本文所述对大家的dedecms建站有所帮助。
您可能感兴趣
- dedecms悬浮导航(DEDECMS开启绝对地址PC端跳转到静态手机端实现方法)
- dedecms栏目列表(dedecms子栏目中调用其顶级栏目名称和简介的方法)
- dedecms标签怎么调用(dedecms首页调用随机文章及自动更新功能实例)
- dedecms织梦系统(织梦CMS去除powered by dedecms网站版权信息的方法)
- dedecms关闭站点(dedecms恶意注册与发广告文章的解决办法)
- dedecms有哪些功能(织梦DedeCMS v5.7全文检索使用说明sphinx)
- dedecms怎么调用标签(DEDECMS 留言薄模块的使用方法)
- dedecms快速建站(Dedecms 生成静态页面速度优化方法)
- dedecms如何使用标签(dedecms模板标签如何做判断示例代码)
- dedecms织梦阁模板(dedecms英文模板 英文网站程序的选择)
- dedecms插件解析(dedecms文章评论功能用法分析)
- dedecms语法教程(dedecms 获取描述信息限制字数的语法)
- dedecms标签路径修改问题(解决织梦DEDE5.7 tags系列bug图解步骤)
- dedecms参数不显示(DEDECMS后台登陆空白排查错误原因)
- dedecms标签插入时间(dedecms修改按tag标签显示全站相关内容的方法)
- 织梦标签在哪里设置(织梦dedecms gbk站点转utf8之mip改造方案分享)
- 门外之见 海蛎子味 的表演,能走多远(门外之见海蛎子味)
- 三部冷门谍战剧,第一部2014年拍摄,至今还未播出(三部冷门谍战剧)
- 《金陵秘事》的剧情跌宕起伏 给观众带来的怎样的感官体验(金陵秘事的剧情跌宕起伏)
- 少儿口才表达影响未来一生,50首经典绕口令和孩子玩出聪明大脑(少儿口才表达影响未来一生)
- 玩网游居然让人更友善 很难以让人置信(玩网游居然让人更友善)
- 学好汉语拼音,从娃娃绕口令抓起,平时还是要多练 收藏好(从娃娃绕口令抓起)
热门推荐
- php性能比较(php使用yield对性能提升的测试实例分析)
- python指定路径创建txt文件(python根据txt文本批量创建文件夹)
- linuxmysql安装教程5.7.25学习(linux mysql5.5升级至mysql5.7的步骤与踩到的坑)
- python list基本操作(Python3中列表list合并的四种方法)
- 微信浏览器中JS实现返回操作
- laravel判断变量为空(Laravel模糊查询区分大小写的实例)
- reacthooks基础使用(React 小技巧教你如何摆脱hooks依赖烦恼)
- centos6.5 32位安装gitlab(centos7安装部署gitlab服务器的方法)
- php简单定时执行任务(php实现 master-worker 守护多进程模式的实例代码)
- php生成json信息(php使用json-schema模块实现json校验示例)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9