在Yii2中更改背景

Question

如何在Yii2中实现背景变化？我是Yii2的新手。

下面是类似的东西：codepen.io

我需要通过CSS做到这一点，或者我应该通过任何Extensions办呢？

Answer 1

鉴于文件使HTML结构就像在你链接，接下来你需要加载css和js代码。你可以用几种方法做到这一点，但最简单的是将其添加到如下所示的相同视图文件中：

<?php $cssContent = 'put css content here'; 
$this->registerCss($cssContent); 
$jsContent = 'put your javascript content here'; 
$this->registerJs($jsContent); 
?> 
<div id="change-bg-image"></div> 
<div id="change-bg-color"> 
</div> 

Answer 2

你可以通过javascript来做，只需改变包装或document.body风格。

该变量是例如有：

document.body.style.backgroundImage 

编码愉快。

（你可以声明的链接，图像阵列和做的setInterval，你也可以尽管例如的document.getElementById（“背景”）document.body的使用）