用户使用HTML颜色代码选择背景颜色

-3

我想找到一个javascript代码，允许用户在文本框或提示框中键入HTML颜色代码，并将页面的背景颜色更改为颜色代码进入。截至目前，这是行不通的：
header { color：green; font-size：250％; 背景：蓝色; } body { background：green; } 用户使用HTML颜色代码选择背景颜色

 <header> 
    <center> 
    Test 
    </center> 
</header> 
    <center> 
     <br> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type="text" class="inp" placeholder="6 digit hex value"> 
<input type="submit" class="sub" value="Set Background Color"> 
<script type="text/javascript"> 
$(document).ready(function() { 
$('.sub').click(function() { 
$('.body').css('background-color',"#"+$('.inp').val()); 
}); 
}); 
</script> 
    </center> 
</div> 
</html>

有谁知道如何做到这一点？
感谢
-A

来源

2016-01-20 ALX

如果你会分享更多关于你已经做了，人们可能更愿意回答。例如，你是否已经知道如何创建一个文本框或提示？你能告诉我们那个代码吗？ – sfuqua

你甚至尝试过......'' –

你在google上搜索过这个问题吗？你发现了什么？ –

发布与的jsfiddle

回答我的意见，你需要的是这个

<input type="text" onblur="document.body.style.backgroundColor = this.value;" id="color">

你可以走得更远，这个分成功能。这是工作JSFIDDLE

这适用于文本输入（红色，蓝色，橙色）以及十六进制代码（＃000000）。

对于你的代码，这里是正确的code.Body不是一个类，它是一个标签。所以不需要选择器。

<script type="text/javascript"> 

$(document).ready(function() { 

$('.sub').click(function() { 
    $('body').css('background-color',"#"+$('.inp').val()); 
    }); 
    }); 
</script>

来源

2016-01-20 04:08:47

如果我想更改标题背景颜色，该怎么办？我刚试过' ALX

只需将此用于JSFIDDLE方法'

试试这个：

$(document).ready(function() { 
 
    $('.sub').click(function() { 
 
    $('.body').css('background-color',"#"+$('.inp').val()); 
 
    }); 
 
});

<div class="body"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" class="inp" placeholder="6 digit hex value"> 
 
<input type="submit" class="sub" value="Set Background Color"> 
 
</div>

来源

2016-01-20 04:12:30 AMACB

用户使用HTML颜色代码选择背景颜色

回答

相关问题