tumblr的随机背景颜色选择器

时间:2013-08-08 01:22:55

标签: jquery html css tumblr

我的代码中有这个,每次刷新时应选择随机背景颜色,但我看不出我的document.write

有什么问题。
var bgcolorlist=new Array("#ff871b", "#15efa1", "#51ddff", "#ff1b6c", "#000000")



document.write('<meta name="color:Background" content='+background=bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)] + '>')

干杯!

2 个答案:

答案 0 :(得分:0)

另一种解决方案是在正文中添加ID,然后使用此代码:

<script>
    var bgcolorlist=new Array("background: #ff871b", "background: #15efa1", "background: #51ddff", "background: #ff1b6c", "background: #000000");
    var color = bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)];
    var d = document.getElementById("your-body"); 
    d.setAttribute("style", color);
</script>

据我所知,Tumblr允许你使用jQuery,这比纯Javascript更容易。如果您在代码中添加了jQuery,请执行以下操作:

<script>
    var bgcolorlist=new Array("background: #ff871b", "background: #15efa1", "background: #51ddff", "background: #ff1b6c", "background: #000000");
    var color = bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)];
    $('body').css('backgroundColor', color);
</script>

答案 1 :(得分:0)

每行后都需要分号。

此外,为什么你会看到带有元标记的背景颜色?

请改用此行:

  document.body.style.backgroundColor = bgcolorlist[Math.floor(Math.random()*bgcolorlist.length)];