1、逻辑很简单，如果是图片的话，就是不停地换图片。比如点击女之后，女这块图片变成绿色图片，男那边图片变成黑色图片。
2、如果用符号做逻辑也是一样的，点击之后两个项目都变色，一个变成绿色、另一个变成黑色。
3、具体的JavaScript代码如下图所示。
如果实用给的小分哦，亲，呵呵
1：html页面代码片段
<div class="panel-body" id="index" >
<ul>
<li>S曲线进化法则</li>
<li>提高理想度法则</li>
<li>子系统的不均衡进化法则</li>
<li>动态性和可控性进化法则</li>
<li>增加集成度再进行进化法则</li>
<li>子系统协调性进化法则</li>
<li>向微观级和场的应用进化法则</li>
<li>减少人工介入进行法则</li>
</ul>
</div>
<!--javaScript代码片段-->
<script type="text/javascript">
$(document).ready(function(){
$("#index li").click(function(){
var color= $(this).css('background-color')
if(color!='transparent'&&color!='rgba(0, 0, 0, 0)'){
$(this).css('background-color','transparent')
}else{
$(this).css('background-color','#aaaaff')
}
})
})
</script>
