javascript做j简单的开关灯 就是两个按钮 按一下按钮整个页面都会变蓝 按另一个按钮 整个页面都胡变黑的

JavaScript05

javascript做j简单的开关灯 就是两个按钮 按一下按钮整个页面都会变蓝 按另一个按钮 整个页面都胡变黑的,第1张

1、function kai(){.....}这段 前后分别加入<script></script>

2、document.getElementById("aaa").value.bgColor="blue"改成:

document.getElementById("aaa").bgColor="blue"

3、javascript语法要求句末要用分号结束。

4、两个radio要联动的话,要有相同name值。

是这种效果吗?

<html><head>

<meta http-equiv="content-type" content="text/htmlcharset=GB2312">

<style>

body{ background:#123456}

</style>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script>

st=true

$(document).ready(function(){

$("#btn").mousedown(function(){

if(st)

{

$("body").css({"background":"#000000"})

st=!st

$("#btn").val("on")

}

else

{

$("body").css({"background":"#123456"})

st=!st

$("#btn").val("off")

}

})

})

</script>

</head><body>

<input id="btn" value="off" type="button">

</body></html>