使用jquery-backstretch.js插件实现的动态全屏背景图片切换登录页面
jquery-backstretch.js是一款简单易用的动态更新页面背景图片的jQuery插件，它允许你为任何页面元素添加一个动态调整大小的背景图像，可以实现将页面背景变成幻灯片的效果。图片可以根据元素宽高自动拉伸背景图片以适应页面元素，并可以随着窗口大小变化自动调整背景图片大小。
入门指南
插件教程
1、引入脚本（核心库）
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/backstretch/jquery.backstretch.min.js"></script>
2.JavaScript脚本
$(function(){
//变换背景图片初始化
$.backstretch([
"images/licun.jpg",
"images/stars.jpg",
"images/sunshine.jpg"
], {
fade: 750,
duration: 2000
});
});
这样就完成了使用jquery-backstretch.js实现动态背景切换示例。
the end
