Skip to main content
 Web开发网 » 站长学院 » 织梦教程

织梦cms实现彩色tags标签云随机颜色及大小的方法

2020年09月12日7250百度已收录

实现tag标签云的随机样式效果,包括标签有不同的颜色和字体大小等等,颜色和字体大小都为随机显示,可改变代码来控制其范围。下面告诉大家实现方法: 1、找到并打开/include/common.func.php文件,在文件最后面加入如下函数:

 


  1. function

    getTagStyle

    ()

  2. {

  3. $minFontSize

    =

    8

    ;

    //最小字体大小,可根据需要自行更改

  4. $maxFontSize

    =

    18

    ;

    //最大字体大小,可根据需要自行更改

  5. return

    'font-size:'

    .(

    $minFontSize

    +

    lcg_value

    ()*

    (

    abs

    (

    $maxFontSize

    -

    $minFontSize

    ))).

    'px;color:#'

    .

    dechex

    (

    rand

    (

    0

    ,

    255

    )).

  6. dechex

    (

    rand

    (

    0

    ,

    196

    )).

    dechex

    (

    rand

    (

    0

    ,

    255

    ));

  7. }

 

上面的函数作用是输出随机的样式,包括font-size和color。如果我们只是想指定显示几个字体大小,而不是完全随机,请将上面的函数代码修改为下面的:


  1. function

    getTagStyle

    ()

  2. {

  3. $sizearray

    =

    array

    (

    '8'

    ,

    '9'

    ,

    '10'

    ,

    '11'

    ,

    '12'

    ,

    '20'

    );

    //自定义字体大小,可根据需要自行修改

  4. return

    'font-size:'

    .

    $sizearray

    [

    rand

    (

    0

    ,

    count

    (

    $sizearray

    ))].

    'pt;color:#'

    .

    dechex

    (

    rand

    (

    0

    ,

    255

    )).

    dechex

    (

    rand

    (

    0

    ,

    196

    )).

    dechex

    (

    rand

    (

    0

    ,

    255

    ));

  5. }

2、在模板中加入下面的代码来调用标签就可以了:


  1. {

    dede

    :

    tag row

    =

    '45'

    getall

    =

    '1'

    sort

    =

    'hot'

    }

  2. <

    a href

    =

    '[field:link/]'

    title

    =

    "[field:tag /]([field:total /])"

    style

    =

    "[field:total runphp=yes]@me=getTagStyle();[/field:total]"

    >[

    field

    :

    tag

    /]</

    a

    >

  3. {/

    dede

    :

    tag

    }

3、最后在后台生成全站html就可以看效果了。



评论列表暂无评论
发表评论
微信