javascript - 如何用旋转背景图像填充浏览器窗口?

标签 javascript jquery html css background

我正在尝试弄清楚如何用背景图像填充浏览器窗口,并在用户调整浏览器窗口屏幕时使图像缩放。

另外,我想让背景图像在 3 到 5 个不同的图像之间旋转。

可以在这里看到我所追求的示例:

http://elegantthemes.com/preview/InStyle/

最佳答案

改变背景的概念很简单。这是一个简单的例子,我通过改变 body 类别来改变背景。

var bg = ['img3', 'img1', 'img2'];
$.each(bg, function(index, ui) {
    setTimeout(function() {
        $('body').removeAttr('class').addClass(ui);
    }, 2000 * index)
});

http://jsfiddle.net/ewsQ7/查看工作示例

关于javascript - 如何用旋转背景图像填充浏览器窗口?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5493256/

相关文章:

jquery - 是否可以将 SimpleModal 与 ASP.NET MVC 一起使用?

c# - 对象的 MVC 模型绑定(bind)列表

html - 垂直对齐 :middle on text not working

html - 在单个产品页面中添加其他产品好吗?

javascript - backone-使用嵌套 View 保存到数据库

javascript - IE 7 和 8 中的 contenteditable 更改事件

javascript - 快速字谜检查算法 (HackerRank)

jquery - Django:即使键存在,将 AJAX POST 数据传递给 Django 也会产生 MultiValueDictKeyError

javascript - 为什么 jQuery 选择器适用于 Chrome 但不适用于 Safari?

javascript - 如何通过按钮删除数据