Jquery点击切换BODY的背景颜色，点击一次切换一次，怎么做 22
<html><head><scriptsrc="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script><...
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("body").css("background-color","green"),
$("body").css("background-color","red"),
$("body").css("background-color","yellow")
});
</script>
</head>
<body>
<button>请点击这里，来切换不同的背景颜色</button>
</body>
</html> 展开
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("body").css("background-color","green"),
$("body").css("background-color","red"),
$("body").css("background-color","yellow")
});
</script>
</head>
<body>
<button>请点击这里，来切换不同的背景颜色</button>
</body>
</html> 展开
3个回答
展开全部
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var colors=['green','red','yellow'];
var idx=0;
$('button').on('click',function(){
$('body').css('background-color',colors[idx]);
idx++;
if(idx==colors.length)idx=0;
});
});
</script>
</head>
<body>
<button>请点击这里，来切换不同的背景颜色</button>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
按照你的jquery写法，当然楼上的js也不错。
$(document).ready(function(){
$("button").toggle(function(){
$("body").css("background-color","green");},
function(){
$("body").css("background-color","red");},
function(){
$("body").css("background-color","yellow");}
);
});
$(document).ready(function(){
$("button").toggle(function(){
$("body").css("background-color","green");},
function(){
$("body").css("background-color","red");},
function(){
$("body").css("background-color","yellow");}
);
});
追问
这样写不起作用啊。 以前我的思路就是这样的。但是没效果
追答
不好意思，才看到，写了个例子你看看。
http://sandbox.runjs.cn/show/zxlyjaqz
楼上js方法， 加了个默认颜色 http://sandbox.runjs.cn/show/i40rxi4g
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
二楼的方法没有效果的原因：toggle()方法在1.8版本被废除了，楼主可以去看下官方文档
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
