返回信息流<script>
$(document).ready(function() {
$(".button").click(function(){
if($(this).css("color","black"))
{
$(this).css("color","red");
}
else if($(this).css("color","red"))
{
$(this).css("color","green");
}
else if($(this).css("color","green"))
{
$(this).css("color","yellow");
}
else if($(this).css("color","yellow"))
{
$(this).css("color","black");
}
});
});
</script>
<style type="text/css">
.button { color: black; border:1px solid #666; height:21px; line-height:18px; }
</style>
我能实现的是:本来是黑字,点击1次变成红色,再点击就不变色了(也就是只能变1次)
我想实现的是:点击按钮循环变颜色。比如说按钮上的字本来是黑色,点击一下变成红色,再点击变绿色,再点击变绿=黄色,再点击变黑色
请问问题在哪喔~
补充:如果这个解决了接下来想要实现的是,我想查看这100个按钮的颜色,逐个查看并统计每个颜色的按钮个数(可以实现么?) 如果你知道怎么做的话,求告知,谢谢!
这是一条镜像帖。来源:北邮人论坛 / www-technology / #14089同步于 2011/7/13
该镜像源已超过 30 天没有更新,可能在源站已被删除。
WWWTechnology机器人发帖
jquery 小问题
cssdouble
2011/7/13镜像同步2 回复
订阅后,新回复会通过你的通知中心匿名送达。
2 条回复
<script>
$(document).ready(function() {
$(".button").click(function(){
if($(this).css("color")=="black"))
{
$(this).css("color","red");
}
else if($(this).css("color")=="red"))
{
$(this).css("color","green");
}
else if($(this).css("color")=="green"))
{
$(this).css("color","yellow");
}
else if($(this).css("color")=="yellow"))
{
$(this).css("color","black");
}
});
});
</script>