-
Notifications
You must be signed in to change notification settings - Fork 334
Commit
- Loading branch information
There are no files selected for viewing
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,91 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
<head> | ||
<title>Kilchurn Castle reflected in Loch Awe, Argyll and Bute, Scotland (© Tom Mackie/plainpicture)|2024-12-01|必应壁纸|Bing Wallpaper</title> | ||
<meta charset="UTF-8"> | ||
<meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<meta name="description" content="每日必应超清壁纸(4K)"> | ||
<meta name="keywords" content="bing wallpaper, 必应壁纸, 必应4k壁纸, 必应超清壁纸, 壁纸"> | ||
<link rel="stylesheet" href="/css/w3.css"> | ||
<link rel="icon" href="/img/fav.jpg"> | ||
<style> | ||
body, | ||
html { | ||
height: 100%; | ||
margin: 0; | ||
} | ||
.bgimg { | ||
background-image: url("https://cn.bing.com/th?id=OHR.KilchurnAutumn_EN-US6737063910_UHD.jpg&pid=hp&w=1920"); | ||
height: 100%; | ||
position: relative; | ||
background-position: center; | ||
background-repeat: no-repeat; | ||
background-size: cover; | ||
display: none; /* 最初隐藏大图 */ | ||
} | ||
.smallImg { | ||
filter: blur(15px); | ||
-webkit-filter: blur(15px); | ||
position: absolute; | ||
top: 0; | ||
left: 0; | ||
height: 100%; | ||
width: 100%; | ||
background-image: url("https://cn.bing.com/th?id=OHR.KilchurnAutumn_EN-US6737063910_UHD.jpg&pid=hp&w=480"); /* 使用小图 */ | ||
background-position: center; | ||
background-repeat: no-repeat; | ||
background-size: cover; | ||
transition: opacity 2s; /* 平滑过渡效果 */ | ||
} | ||
</style> | ||
<script> | ||
var _hmt = _hmt || []; | ||
(function() { | ||
var hm = document.createElement("script"); | ||
hm.src = "https://hm.baidu.com/hm.js?b59b4b29843942e412b704c39cc7363a"; | ||
var s = document.getElementsByTagName("script")[0]; | ||
s.parentNode.insertBefore(hm, s); | ||
})(); | ||
|
||
function imgloading() { | ||
var bgImg = document.querySelector('.bgimg'); | ||
var smallImg = document.querySelector('.smallImg'); | ||
// 创建一个新的图片对象以监控加载状态 | ||
var img = new Image(); | ||
img.src = 'https://cn.bing.com/th?id=OHR.KilchurnAutumn_EN-US6737063910_UHD.jpg&pid=hp&w=1920'; // 从背景图中提取URL | ||
img.onload = function() { | ||
// 当大图加载完成时,首先显示大图 | ||
bgImg.style.display = "block"; | ||
// 小图逐渐变透明 | ||
smallImg.style.opacity = 0; | ||
// 在小图完全透明后,隐藏它 | ||
setTimeout(function() { | ||
smallImg.style.display = "none"; | ||
}, 2000); // 与过渡时长匹配 | ||
}; | ||
} | ||
window.onload = imgloading; // 页面加载时执行 | ||
</script> | ||
</head> | ||
<body> | ||
<div class="smallImg"></div> <!-- 模糊的小图 --> | ||
<div class="bgimg w3-text-white"> | ||
<a href="/"> | ||
<div class="w3-display-topleft w3-padding-large w3-xlarge"> | ||
Bing Wallpaper | ||
</div> | ||
</a> | ||
<div class="w3-display-bottomleft w3-padding-large"> | ||
<h1 class="w3-xlarge">2024-12-01</h1> | ||
<p class="w3-large" style="margin-top: 0px;">Kilchurn Castle reflected in Loch Awe, Argyll and Bute, Scotland (© Tom Mackie/plainpicture)</p> | ||
</div> | ||
<div class="w3-display-topright w3-padding-large"> | ||
<div class="w3-large w3-padding-large"> | ||
<svg t="1723548427433" style="margin-bottom: -3px;" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4583" width="20" height="20"><path d="M1024 896v128H0v-320h128v192h768v-192h128v192zM576 554.688L810.688 320 896 405.312l-384 384-384-384L213.312 320 448 554.688V0h128v554.688z" fill="#e6e6e6" p-id="4584"></path></svg> | ||
<a target="_blank" href="https://cn.bing.com/th?id=OHR.KilchurnAutumn_EN-US6737063910_UHD.jpg">4K</a> | ||
<a target="_blank" href="https://cn.bing.com/th?id=OHR.KilchurnAutumn_EN-US6737063910_UHD.jpg&pid=hp&w=1920">1080P</a></div> | ||
</div> | ||
</div> | ||
</body> | ||
</html> |
Large diffs are not rendered by default.