织梦模板下载_织梦企业模板_网站源码下载 - AB模板网

AB模板网

织梦CMS达成tags云标签随机颜色与字体大小技巧解析

2021-12-12 14:57分类:织梦入门 阅读:

  -->

本文实例讲述了织梦CMS达成tags云标签随机颜色与字体大小技巧。推荐给大伙供大伙参考。具体剖析如下:

这里给大伙介绍三种tags云标签随机颜色与字体大小技巧,包括直接在织梦CMS中进行二次开发,另一种借助jquery与js来获得指定div中的A标签并设置连接颜色与字体大小.

修改办法:

1、在/include/common.func.php 中加入如下函数,代码如下:
代码如下:function getTagStyle
{
$minFontSize=8; //最小字体大小,可依据需要自行更改
$maxFontSize=18; //最大字体大小,可依据需要自行更改
return 'font-size:'.*)).'px;color:#'.dechex).dechex).dechex);
}
在模板中用如下代码调用标签,代码如下:
代码如下:

{dede:tag row='45' getall='1' sort='hot'}<a href='[field:link/]' title="[field:tag /]" style="[field:total runphp=yes]@me=getTagStyle;[/field:total]">[field:tag /]</a>{/dede:tag}


假如你不想修改织梦CMS的话大家可以借助js来实例,代码如下:
代码如下:

<script src="/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script><script type="text/javascript">$.ready {var tags_a = $;tags_a.each{var x = 9;var y = 0;var rand = parseInt *  + y);$.addClass;});})</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结构:
代码如下:

<div class="taglist"><div class="tit"><a href="#">TAG标签</a></div><div class="w95" id="tags">


这里面放你的A标题就好了。
</div>
还有一个更容易的,代码如下:
代码如下:

<script language="javascript" type="text/javascript">function randomKeywords{var alinks = document.getElementById.getElementsByTagName;var aColors = new Array;var aSize = new Array;for{alinks[i].style.color=aColors[Math.round)];alinks[i].style.fontSize=aSize[Math.round)];}}randomKeywords;</script>

期望本文所述对大伙的织梦CMS网站建设有所帮。

郑重声明:文章来源于网络,仅作为参考,如果网站中图片和文字侵犯了您的版权,请联系我们处理!

上一篇:DEDEarclist调用嵌套tag标签课程

下一篇:安装织梦CMS出现Function ereg_replace错误的解决方案

相关推荐


关注我们

    织梦模板下载_织梦企业模板_网站源码下载 - AB模板网
返回顶部