【Backstretch】jQuery背景插件backstretch使用指南-jQuery插件-jQuery背景设置-动态背景

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【jQuery背景插件backstretch使用指南】，下面是详细的讲解！

jQuery背景插件backstretch使用指南

body { font-family: 微软雅黑; line-height: 1.3em; -webkit-font-smoothing: antialiased; }
.container {
   width: 90%;
   margin: 20px auto;
   background-color: #FFF;
   padding: 20px;
 }
h1{
  font-weight:normal;
}
pre, code {
 font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
 font-size: 12px;
 color: #333;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}
pre { border: 1px solid #CCC; background-color: #EEE; color: #333; padding: 10px; overflow: scroll; }
code { padding: 2px 4px; background-color: #F7F7F9; border: 1px solid #E1E1E8; color: #D14; }
.other { height: 300px; color: #FFF; }
.other div {
 position: absolute;
 bottom: 0;
 width: 100%;
 background: #000;
 background: rgba(0,0,0,0.7);
}
.other div p { padding: 10px; }

关于jQuery背景插件backstretch使用指南的用户互动如下：

　　相关问题：html怎么让图片充满页面

　　答：这个效果相当于WINDOWS桌面壁纸的拉伸效果,不是平铺。...推荐http://srobbin.com/jquery-plugins/backstretch...这个插件。 分享 评论 | ding651354666 | 来自团队... >>详细

　　相关问题：求组JS如何自动更换背景

　　答：js的话可以使用jquery插件 jquery-backstretch来实现， 也可以使用css3配合js实现更加复杂的效果： http://www.wantflying.com/2013/10/22/transform-background-with-css3/ >>详细

　　相关问题：css或js如何制作出类似于百度首页 背景皮肤随浏览...

　　答：用一个jquery插件就好了 backstretch，完美实现覆盖窗口大小 >>详细