帝国cms中tag标签随机大小和随机颜色的样式

推荐: 帝国cms中tag标签随机大小和随机颜色的样式
帝国cms中tag标签随机大小和随机颜色的样式

在本网站中,我们把tag标签展示出来,但是按照传统的方式规规矩矩的展示感觉总怪怪的,所以我们就想是否能够想wordpress博客里边的一样,tag标签能够随机颜色、随机大小的展示。在此与大家分享如何使用div+Css+js来打造tag标签随机大小、随机颜色的展示方式:2xF资源库资源网(www.wxiis.com)最新最全的源码分享下载平台

<div id="mltag">2xF资源库资源网(www.wxiis.com)最新最全的源码分享下载平台

<a href="http://www.wxiis.com/e/tags/?tagname=资源库" target="_blank">资源库</a> &nbsp; 2xF资源库资源网(www.wxiis.com)最新最全的源码分享下载平台

<a href="http://www.wxiis.com/e/tags/?tagname=资源库资源网" target="_blank">资源库资源网</a> 2xF资源库资源网(www.wxiis.com)最新最全的源码分享下载平台

</div>2xF资源库资源网(www.wxiis.com)最新最全的源码分享下载平台

<script language="javascript"> 2xF资源库资源网(www.wxiis.com)最新最全的源码分享下载平台

var bcolor = document.getElementById("mltag").getElementsByTagName("a"); 2xF资源库资源网(www.wxiis.com)最新最全的源码分享下载平台

for(i=0;k=bcolor.length,i<k;i++) 2xF资源库资源网(www.wxiis.com)最新最全的源码分享下载平台

2xF资源库资源网(www.wxiis.com)最新最全的源码分享下载平台

var str = "0123456789ABCDEF"; 2xF资源库资源网(www.wxiis.com)最新最全的源码分享下载平台

var t = "#"; 2xF资源库资源网(www.wxiis.com)最新最全的源码分享下载平台

for(j=0;j<6;j++) 2xF资源库资源网(www.wxiis.com)最新最全的源码分享下载平台

{t = t+ str.charAt(Math.random()*str.length);} 2xF资源库资源网(www.wxiis.com)最新最全的源码分享下载平台

var fsize; 2xF资源库资源网(www.wxiis.com)最新最全的源码分享下载平台

fsize=parseInt(Math.random()*(20)+6); 2xF资源库资源网(www.wxiis.com)最新最全的源码分享下载平台

bcolor[i].style.color=t; 2xF资源库资源网(www.wxiis.com)最新最全的源码分享下载平台

bcolor[i].style.fontSize=fsize + "px"; 2xF资源库资源网(www.wxiis.com)最新最全的源码分享下载平台

2xF资源库资源网(www.wxiis.com)最新最全的源码分享下载平台

 2xF资源库资源网(www.wxiis.com)最新最全的源码分享下载平台

</script>2xF资源库资源网(www.wxiis.com)最新最全的源码分享下载平台

 2xF资源库资源网(www.wxiis.com)最新最全的源码分享下载平台

 2xF资源库资源网(www.wxiis.com)最新最全的源码分享下载平台

帝国模板标签为:2xF资源库资源网(www.wxiis.com)最新最全的源码分享下载平台

[showtags]'',40,0,'rand()',0,'s,r','',0,''[/showtags]2xF资源库资源网(www.wxiis.com)最新最全的源码分享下载平台

分享: 帝国cms中tag标签随机大小和随机颜色的样式
帝国cms中tag标签随机大小和随机颜色的样式

作者:资源库/ 所属分类:CMS/ 更新时间:2015-04-30
最新评论:发布评论
条评论

用户名:    密码:   验证码:        匿名评论
相关CMS教程
©   2016   www.wxiis.com资源库资源网
收藏&分享