Codigo js randômico para uso no css
Comecei um template de cores e estilos dinâmicos. Comecei fazendo um script php simples somente para teste:
<?php
$color = mt_rand(1, 3);
if ($color == 1){
$colora = "#3CB371"; $colorb = "#FFFFF0"; $colorc = "#8ad1aa"; $colord = "#27754a"; $colore = "#339860";
}
if ($color == 2){
$colora = "#B22222"; $colorb = "#FFFFF0"; $colorc = "#d17a7a"; $colord = "#741616"; $colore = "#971d1d";
}
if ($color == 3){
$colora = "#9932CC"; $colorb = "#FFFFF0"; $colorc = "#c284e0"; $colord = "#642185"; $colore = "#822bae";
}
?>
<style type="text/css">
::-webkit-scrollbar-thumb {
background:<?php echo $colora ;?>;
border: 0px none <?php echo $colora ;?>;
}
.headercon {
margin: auto;
width: 100%;
height:360px;
background-color:<?php echo $colorc; ?>;
box-shadow: 0px 0px 25px ;
}
.headerslider {
margin: auto;
width: 100%;
background-color:<?php echo $colore; ?>;
}
</style>
Agora quero fazer o mesmo no javascript porem nao esta dando certo. Estou atualmente tentando usar isso:
<style type="text/css">
::-webkit-scrollbar-thumb {
}
.headercon {
margin: auto;
width: 100%;
height:360px;
box-shadow: 0px 0px 25px ;
}
.headerslider {
margin: auto;
width: 100%;
}
</style>
<script>
var num = Math.floor(Math.random() * 3 + 1);
if (num = '1') {
var type = "1"; var colora = "#3CB371"; var colorb = "#FFFFF0"; var colorc = "#8ad1aa"; var colord = "#27754a"; var colore = "#339860";
}
if (num = '2') {
var type = "2"; var colora = "#B22222"; var colorb = "#FFFFF0"; var colorc = "#d17a7a"; var colord = "#741616"; var colore = "#971d1d";
}
if (num = '3') {
var type = "3"; var colora = "#9932CC"; var colorb = "#FFFFF0"; var colorc = "#c284e0"; var colord = "#642185"; var colore = "#822bae";
}
var div = document.getElementsByClassName('headercon');
div.style.background = var colorc;
var div = document.getElementsByClassName('headerslider');
div.style.background = var colorc;
</script>
No caso do "::-webkit-scrollbar-thumb" no js eu nao tenho ideia de como faz pra fazer.Discussão (6)
Carregando comentários...