一地纸

 找回密码
 立即注册

[代码解析] DZ 免JS实现随机背景图片/随机颜色等

[复制链接]
9
小风 发表于 2017-4-15 01:12:52

管理员 |主题 |帖子 |积分 770

一般常见的随机背景换色、换背景图都是用JS实现的,在DZ模板中我们可以直接用PHP的rand随机值来轻易实现。代码如下:
<style>
<!--{eval $bg = rand(1,4);}-->
.bg { background:url($_G[style][styleimgdir]/img/blb/$bg.jpg) }
</style>
这是随机背景图的做法,我命名了1~4.jpg四张图,随机一个1~4的值,并赋值给变量$bg,然后在CSS里面就可以用background:url($bg.jpg)来获取随机图片了。

随机颜色/背景色同理,如:
<style>
<!--{eval $s1 = rand(1,255);$s2 = rand(1,255);$s3 = rand(1,255);$s4 = rand(1,255);}-->
.bg { color:rgba($s1,$s2,$s3,$s4); border-color:rgba($s1,$s2,$s3,$s4); }
</style>
也就是利用CSS的8位色写法分别赋予4个随机值。


2017年4月15日 01:12:37 @1-dz.com

QQ|一地纸 ( 闽ICP备09072999号 )

GMT+8, 2018-7-18 08:38

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

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