Backstretch是一款简单的jQuery插件，可以帮助你给网页添加一个动态的背景图片，可以自动调整大小适应屏幕的尺寸，当然这样做的缺点是当图片尺寸比屏幕小的时候,图片会因为自动延伸而变形，所以我们可以劲量使用高分辨率大尺寸的图片做背景,更重要的是支持图片的自动切换。
具体插件介绍和下载见点此进入
具体食用用法：
一.添加下面必须的JS代码到页面,一般情况下jquery.js是引入的，不要重复
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="/jquery.backstretch.min.js"></script>
二.插件本身提供了三种实例：
1.简单背景自适应窗体大小
<script>
$.backstretch("pot-holder.jpg");
</script>
2.点击切换背景
<script>
$.backstretch("pot-holder.jpg", {speed: 500});
$("#pot-holder").click(function (e) {
e.preventDefault();
$.backstretch("pot-holder.jpg");
});
$("#coffee").click(function (e) {
e.preventDefault();
$.backstretch("coffee.jpg");
});
</script>
在适当的地方添加以下代码，当点击时背景会被改变
<button id="pot-holde">点击此处显示背景图片pot-holder.jpg</button> <button id="coffee">点击此处显示背景图片coffee.jpg</button>
3.自动切换背景
<script>
$.backstretch([
"pot-holder.jpg",
"coffee.jpg",
"dome.jpg"
], {
fade: 750,
duration: 4000
});
</script>
喜欢的小伙伴们，可以动手呢....
spendl
放在header.php吗？
我现在是单张
$.backstretch(“http://x.papaapp.com/farm1/a571d2/7153de0e/japan.jpg”, {speed: 150});
怎么改成轮换啊？
很不错的 :good:
需要一点注意事项，最后的JS代码需要卸载body标签里面，不然不起作用的
弄的花哨，占据内存，还是不用了
弄365张，一天换一个
喜欢炫的人可以选择。。
背景换来换去也烦。
不错，收下了
绝对好东西，换链接！
其实还是静态看的舒服些