使用jquery实现图片淡入淡出

html部分：

				<div id="content">
					<div id="logo1">
						<img class="top" id="top" src="jslunbo1/images/logo1.png" /><div id="juzhong"></div>
					</div>
					<div id="logo2">
						<img class="top2" id="top2" src="jslunbo1/images/logo2.png" /><div id="juzhong2" class="top2"></div>
					</div>
					<div id="logo3">
						<img class="top3" id="top3" src="jslunbo1/images/logo3.png" /><div id="juzhong3" class="top3"></div>
					</div>
				</div>

css部分：

		 	#logo1{
		 		width: 299px;
		 		height: 427px;
		 		/*border: 1px solid blue;*/