Discuz!官方免费开源建站系统

 找回密码
 立即注册
搜索

[教程] 彩色热门tags,热门关键字代码,刷新一次变换一次,无需修改源码

[复制链接]
hjhhuah 发表于 2008-3-20 22:33:16 | 显示全部楼层 |阅读模式
此代码优点:

◎ 无需修改任何源文件

◎ CSS+JS文件控制,简单更容易!

◎ 随心所欲,想变多少颜色就变多少颜色。

建议不懂是不要作模板修改,此代码也可以加入到DZ里面

网页部分的代码如下:

  <div>
  <h2><span>热门标签 <img src="images_ex/image_v1/ico_arrow_black.gif"  
/></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>
  <script language="javascript">
  <!--
  var tag_a=document.getElementsByTagName("a");
  for( i in tag_a){
    var offset=6;
    var num=4;
    if(tag_a.className=="tag"){
    var rnd=Math.ceil((num+offset)*Math.random());
    if(rnd>offset){
      tag_a.className="tag"+(rnd-offset);
    }
    }
  }
  //-->
  </script>
</div>

CSS部分的代码如下:

.tag1 { color:#339900;font-weight:bold;}
.tag2 { color:#e65730;}
.tag3 { color:#00b9da;}
.tag4 { color:#FE3981;font-weight:bold;font-size:14px;}


[ 本帖最后由 hjhhuah 于 2008-3-20 22:39 编辑 ]
7_8150_d1cb8011c2d0037.jpg

评分

1

查看全部评分

回复

使用道具 举报

winter2005 发表于 2008-3-20 22:35:23 | 显示全部楼层
好贴留名


;P
回复

使用道具 举报

pcload 发表于 2008-3-20 22:35:52 | 显示全部楼层
用个随即循环class="tag"  TAG1 2 3 4就可以
回复

使用道具 举报

joy666 发表于 2008-3-20 23:56:07 | 显示全部楼层
支持,好东西
回复

使用道具 举报

zjzgtony 发表于 2008-3-21 00:03:31 | 显示全部楼层
:) :) :) 强........
回复

使用道具 举报

howcity 发表于 2008-3-21 11:32:16 | 显示全部楼层
如何同时随机控制文字大小呢
比如有的浏览数高的文字大点
回复

使用道具 举报

ppfeel 发表于 2008-3-21 13:07:15 | 显示全部楼层
高手如云!强!
回复

使用道具 举报

123752619 发表于 2008-3-21 13:11:20 | 显示全部楼层
{dede:loop table='dede_search_keywords' sort='keyword' row='40' if=''} ???
不要告诉我这是dedecms模板上的代码
不过还是支持楼主,强烈支持了~~~
回复

使用道具 举报

pcload 发表于 2008-3-21 13:31:35 | 显示全部楼层
我来贴个SS中的简单的,随机循环控制CSS的类::
CSS代码用楼主的:
CSS部分的代码如下:

.tag1 { color:#339900;font-weight:bold;}
.tag2 { color:#e65730;}
.tag3 { color:#00b9da;}
.tag4 { color:#FE3981;font-weight:bold;font-size:14px;}


TAG代码可以这样写:
  1.       <!--{block name="tag" parameter="order/spacelinknum DESC/limit/0,30/cachetime/83200/cachename/tag/tpl/data"}--><!--日志TAG-->          <!--{eval $i=0;}-->
  2.                         <!--{loop $_SBLOCK['tag'] $value}-->
  3.             <!--{eval $i=$i+1;}-->
  4.             <!--{eval $i=($i==5)?1i;}-->
  5.                 <a href="$value[url]" class="tag{$i}" >$value[tagname]</a>  
  6.                         <!--{/loop}-->
复制代码

评分

1

查看全部评分

回复

使用道具 举报

pcload 发表于 2008-3-21 13:34:46 | 显示全部楼层
我发现那里一样SS这里显示不正确.是 1.jpg
演示
2.JPG
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2025-10-22 14:56 , Processed in 0.150897 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表