是背景颜色，不是图片，现在只做到跟换一轮，不能循环
<script>
$(document).ready(function(e) {
var i=0;
$("div").click(function(){
i++;
$(this).toggleClass('c'+parseInt(i));
});
});
</script>
<style>
div{ width:300px; height:100px; background:#000;}
div.c1{ background:#F00;}
div.c2{ background:#FC0;}
div.c3{ background:#FF0;}
div.c4{ background:#0F0;}
div.c5{ background:#0C0;}
div.c6{ background:#00F;}
div.c7{ background:#90F;}
</style>
<div></div>

给个属性s 初始为0 点一下变成1 再点一下变成2 一直到6 到6的时候点一下为0

实现的方式不止一种，用这段代码不管多少个div都能按顺序切换不混乱

div{ width:300px; height:100px; background:#000;}


var color = ['#F00','<a href="https://tieba.baidu.com/mo/q/hotMessage?topic_id=0&fid=701500&topic_name=FC0&#039;,&#039;&is_video_topic=0">#FC0&#039;,&#039;#</a>FF0','<a href="https://tieba.baidu.com/mo/q/hotMessage?topic_id=0&fid=701500&topic_name=0F0&#039;,&#039;&is_video_topic=0">#0F0&#039;,&#039;#</a>0C0','<a href="https://tieba.baidu.com/mo/q/hotMessage?topic_id=0&fid=701500&topic_name=00F&#039;,&#039;&is_video_topic=0">#00F&#039;,&#039;#</a>90F'];
$(function(){
$(document).on("click","div",function(){
var i = parseInt($(this).attr("data-i"));
if(i == color.length -1 || isNaN(i)){
i = 0 ;
}else{
i++;
}
$(this).attr("data-i",i);
$(this).css('background',color[i])
})
});

js做到点击一个div让它不断更换背景颜色，7种颜色循环

那就套一个div

css3，不用js都可以做到，很简单

明天给你帖代码