Question

如何用javascript通过判断用户输入来改变网页背景图片

script language="javascript">

function add()
{
var userinput = prompt("Input your answer","");
if (userinput == 7)
{
alert("You are clever");
}
else
{
alert("You are stupid! The answer should be: 7.");
}
}
我想在用户输入的是7时,显示一张图片,输入不是7时,显示另一张图片.用 image swap
不是,我的意思是我要弄上面那段代码的功能,然后在用户答对的时候提示You are clever,以及改变背景图片

Answer 1

<script type="text/javascript">
function bg(){
var userinput = prompt("Input your number","");
if (userinput == 7)
{
document.body.style.background="url(ui/1.gif)";
}
else
{
document.body.style.background="url(ui/2.gif)";
}

}
</script>

ui/2.gif 和ui/1.gif 改为你想变换图片的地址。
另外，不推荐用prompt，因为很多浏览器都会阻止掉。

Answer 2

<script type="text/javascript">
var $=function (id)
function changeColor(color){
document.bgColor=color;
}
</script>
请选择背景色
<select onchange="changeColor(this.options[selectedIndex].value);">
<option value="#FFFFFF" style="background:#FFFFFF">#FFFFFF</option>
<option value="#000000" style="background:#000000; color:#FFFFFF">#000000</option>
</select>

Answer 3

jquery 的方法

$("img").each(function(){this.src = "ui/1.gif";})

Answer 4

document.getElementById("背景框id").style.backgroundImage="url(背景图)";

Answer 5

如果是想改变背景图片，主要还是通过JS来重写CSS来完成的。