一地纸

 找回密码
 立即注册

我虽一地纸,完事可别乱扔......

史上第一个不仅免费,还免注册、免回帖就能下载商业模版插件的牛站!不收藏准后悔~
@1-dz.com
开启左侧

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

[复制链接]
小风 发表于 2017-4-15 01:12:52 | 显示全部楼层 |阅读模式

版主|主题 |帖子 |积分 224

一般常见的随机背景换色、换背景图都是用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

个人兼职 廉价接Discuz!模版插件定制、仿制、修改、修复 / 数据采集、维护等工作,7年DZ应用经验 QQ
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2017-10-23 21:39 , Processed in 0.044254 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

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