试图将几个div旋转到彼此之上

Question

我很抱歉，如果这被其他地方覆盖，但我无法找到它。我正在尝试使用三个<div>来创建我的页面区域，这些区域相互重叠。我写了这个css和代码：

#block {
	width:1202px;
	height: 402px;
	overflow: hidden;
	margin: auto;
}
.content {
	width:1200px;
	height:400px;
	margin: auto;
}

<div id="block">
	<div class="content">
	<a name=image1></a>
		<img src="/images/imagea.jpg" alt="image1"/>
		<a href="anotherpage.html"><img src="/images/button.png" alt="button" style="margin-left: 700px;margin-top: 300px; width:300px;height:75px;"/></a>
	</div>
	<div class="content">
		<a name=image2></a>
		<img src="/images/imagea.jpg" alt="image1"/>
		<a href="anotheranotherpage.html"><img src="/images/button.png" alt="button" style="margin-left: 700px;margin-top: 300px; width:300px;height:75px;"/></a>
	</div>
	<div class="content">
		<a name=image3></a>
		<img src="/images/imagea.jpg" alt="image1"/>
		<a href="anotheranotheranotherpage.html"><img src="/images/button.png" alt="button" style="margin-left: 700px;margin-top: 300px; width:300px;height:75px;"/></a>
	</div>	
</div>
<table style="margin: auto; width:20px;">
	<tr>
		<td><a href="#image1">&#8226</a></td>
		<td><a href="#image2">&#8226</a></td>
		<td><a href="#image3">&#8226</a></td>
	</tr>

我还没有使用格式化，因为它现在只是理论，但是你能告诉我如何使3个内容div旋转，使每个显示10秒然后移动到下一个最终旋转回到开头我知道这可能需要php或jquery，但我两个都没有受过教育。

感谢您提供任何帮助。