jQuery-动画效果（图片抽奖案例）

今天我和大家分享一下图片抽奖的实现，下面是我做的图片抽奖效果案例，如下图所示：

首先我们看到，它是由两张背景图片，两个按钮，一个开始按钮，一个结束按钮组成。我们要实现点击开始按钮时，下面的图片跟着上面的图片变换进行显示出来，最后是以两张图片一样的向大家展示出来。

一 写HTML布局代码

结构布局：先写一个div，里面包含一个Img图片标签，显示背景图片部分，再写一个div，显示开始，结束按钮部分，还有一个div，显示下面一个背景图片部分。

		

			
			
		
		

			开始
			结束
		
		

			
		
	

二，再写CSS样式代码

样式代码：大家可以自己设计自己喜欢的颜色,图片和样式。

 三，最后写jQuery代码来实现效果图

 写jQuery代码，里面存放想要随机播放出来的背景图片。

 最后点击结束按钮时，上，下两张图片会一样的显示出来。