这个东西最初是在@Xider的博客上看到的，于是我很无节操的扒之，虽然成功了，但是他的背景滚动有别的效果，是我不喜欢的，看了看他的js，晕，完全看不懂，最后无奈还是放弃了，但是天无绝人之路啊，不经意在逛国外网站的时候，也发现了背景滚动，当时甚是激动，于是节操不再，将其完整扒了下来，效果甚是吗满意。

加载jQuery是必须的，一般主题都有加载。

投放js

1. <script type="text/javascript" charset="utf-8">
2. var scrollSpeed = 100;  // 速度（毫秒）
3. var step = 1;  // 每次移动1个像素
4. var current = 0;  // The current pixel row
5. var imageWidth = 2247; // 滚动图宽度
6. var headerWidth = 1280; // 容器宽度
7. //循环起始
8. var restartPosition = -(imageWidth - headerWidth);
9. function scrollBg(){
10. //Go to next pixel row.
11. current -= step;
12. //If at the end of the image, then go to the top.
13. if (current == restartPosition){current = 0;}
14. //容器IDClass
15. $('#header').css("background-position",current+"px 0");}
16. //重复滚动
17. var init = setInterval("scrollBg()", scrollSpeed);
18. </script>

黄颜色的是容器ID，也可以是class，把上面的js放到背景滚动容器附近就差不多了，注释有几句被我翻译的，还有几句超出我的英语范围，我就没动。。

css详解

1. #header{height:180px;background:#8EC1DA url(bg-clouds.png) repeat-y scroll left top;text-align:center;}

好了，就这样吧，看不懂就跳过吧。。。当我记录。。。

背景层图片 【下载】

下面透露一下福利

GskyPro出售链接已经挂出去半个多月了，一直无人问津，之前我以为可能是价格高了，直到一天，@大发 留言告诉俺，“不是价格高，是因为细节处理的不够”好吧，终于了解其原因了，其实我要技术没技术，都是纯个人折腾的，发叔的一句话算是点透我了，所以我经过一番心力斗争，毅然决定，GskyPro免费放出，至于什么时候放出，大家可以等等吧，明天补课，如果不出意外，周六下午，或者本周日就能放出来啦。、。、

在这里感谢大家的不懈支持，原本挂在顶部的主题出售链接已经去掉了，静候佳音吧~~~

（这里所说的GskyPro非GskyPro2，GskyPro演示地址：http://www.gsky.org/?themedemo=Gsky）