jquery - 当图像本身准备就绪时显示 <body> 背景图像

标签 jquery html css hide background-image

基本上我让网页加载所有内容,但由于图像很大,我宁愿在浏览器仍在下载时不显示它。

相反,我想在浏览器完成下载图像时显示此背景(具有淡化效果)。

问题是,background-image 必须设置在 body 标签内,所以我不想通过使用 $( 'body').hide;$('body').show; 因为它实际上隐藏了整个网页。

我一直在搜索这个功能,但我只发现人们想要在另一个标签中显示/隐藏它们的情况(而不是全包装标签(在我的例子中是 body))。

有可能吗,或者我只是到达了火星本身?感谢您的帮助!

最佳答案

只需在页面加载后设置 body background-image 属性,如下所示:

jQuery('body').css('background-image', 'url(path/to/some/image.jpg)');

在这里查看:http://jsfiddle.net/duffmaster33/Z9pEg/

关于jquery - 当图像本身准备就绪时显示 <body> 背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16637777/

相关文章:

javascript - 通过向后遍历 DOM 获取最近的元素

javascript - Shadow DOM——封装JS和CSS文件

html - 将图标移动到导航标题的右侧

php - 如何创建wordpress功能?

html - 如何在 CSS 中分隔这些元素?

jquery - 在每次悬停时运行 jQuery slideDown

javascript - 绝对位置,即使转换为百分比后窗口调整大小问题

javascript - 在 if 语句中访问数组

javascript - 链接 JS 翻转图像

html - Hotmail "stretching"HTML/CSS 签名错误