• 全国400电话网上服务平台
    强大号码库资源任选,方便,快捷,快速开通。
    咨询热线:400-1100-266  

    织梦CMS实现彩色TAG的方法
    POST TIME:2020-03-28 21:55

    最近发现一些站长的博客的TAG的调用一般都是一些彩色TAG了,于是我就想织梦CMS的TAG调用也可以吗?于是查找教程,发现织梦CMS的系统本身是没有这个功能的。但是在Dede官方论坛我看到了一款可以实现彩色TAG的代码,认真研究下,发现这段代码具有以下特点:

    1. 无需修改任何源文件
    2. CSS+JS文件控制,刷新一次变换一次
    3. 随心所欲,想变多少颜色就变多少颜色

    好了,下面我就说说实现方法。

    首先,在CSS文件或模板文件的<head></head>中加入以下CSS代码:

    .tag1 { color:#339900;font-weight:bold;}

    .tag2 { color:#e65730;}

    .tag3 { color:#00b9da;}

    .tag4 { color:#FE3981;font-weight:bold;font-size:14px;}

    然后,在模板文件的<body></body>中加入以下调用代码:

    <div>

    <h2><span>热门标签 <img src="images_ex/image_v1/ico_arrow_black.gif" [/color][/b]

    [b][color=#ff0000]/></span></h2>

    <ul>{dede:loop table='dede_search_keywords' sort='keyword' row='40' if=''}

    <li><a class="tag" href="plus/search.php?keyword=[field:keyword/]"> [field:keyword/]</a></li>

    {/dede:loop}</ul>

    </div>

    最后,在刚才的调用标签下加入以下javascript代码:

    <script language="javascript">

    <!--

    var tag_a=document.getElementsByTagName("a");

    for( i in tag_a){

    var offset=6;

    var num=4;

    if(tag_a[i].className=="tag"){

    var rnd=Math.ceil((num+offset)*Math.random());

    if(rnd>offset){

    tag_a[i].className="tag"+(rnd-offset);

    }

    }

    }

    //-->

    </script>

    整个Html中的代码为:


    提示:可以先修改部分代码,再运行。

    好了,至此,我们的功能已经实现了

    
    关于我们 | 付款方式 | 建站知识 | 增值服务 | 网站模板
    Copyright © 2003-2016
    时间:9:00-21:00 (节假日不休)
    版权所有:巨人网络(扬州)科技有限公司
    总部地址:江苏省信息产业基地11号楼四层
    《增值电信业务经营许可证》 苏B2-20120278
    X

    截屏,微信识别二维码

    微信号:veteran88

    (点击微信号复制,添加好友)

     打开微信

    微信号已复制,请打开微信添加咨询详情!