jQuery蓝天白云飘动效果

看到许多会员在网站上搜索了“飘”，估计是要的白云飘动效果吧，若是需要其他飘动效果，请联系群众阿豆。

淘建站为您提供更多_其它特效_jQuery插件_云朵_飘，在此特别感谢您对我们的支持与厚爱！

HTML

首先我们在页面上放置两种背景飘动的云.cloud，和浮在太阳上的云朵#weather。

<div id="mainBody">
   <div id="cloud1" class="cloud"></div>
    <div id="cloud2" class="cloud"></div>
</div>

<div id="weather">
  <img src="images/cloud.png" width="300"/>
</div>

接着我们对背景云朵定时动画。

setInterval(function flutter() {
	if (offset1 >= mainwidth) {
		offset1 =  -580;
	}

	if (offset2 >= mainwidth) {
		 offset2 =  -580;
	}
	offset1 += 1.1;
	offset2 += 1;
	$cloud1.css("background-position", offset1 + "px 30px")
	
	$cloud2.css("background-position", offset2 + "px 340px")
}, 70);