自适应轮播网页全屏背景,根据窗口大小保持背景图片比例。

之前用拉伸背景,在使用标准电脑壁纸作为网页背景时遇到的情况是不同游览器内的可用面积不同,窗口内会使壁纸压缩变形。并且使用浏览器时也经常会改变窗口大小。

演示地址是在dzzoffice中实际使用的背景效果。图片轮播速度为10分钟。下载的代码中,轮播图片的速度设置的是10秒钟。

演示地址:http://dev.dzzoffice.com


自适应轮播网页全屏背景,根据窗口大小保持背景图片比例。

如果您也在使用dzzoffice,可以直接把这个代码作为动态壁纸添加进去使用。
 

你可能感兴趣的:(JavaScript,html5,css)