-
Notifications
You must be signed in to change notification settings - Fork 327
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
7 changed files
with
121 additions
and
25 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,91 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>黄石国家公园的美洲野牛，怀俄明州，美国 (© Ian Shive/TANDEM Stills + Motion)|2024-11-02|必应壁纸|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.BisonYellowstone_ZH-CN7320887379_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.BisonYellowstone_ZH-CN7320887379_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.BisonYellowstone_ZH-CN7320887379_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-11-02</h1> | ||
| <p class="w3-large" style="margin-top: 0px;">黄石国家公园的美洲野牛，怀俄明州，美国 (© Ian Shive/TANDEM Stills + Motion)</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.BisonYellowstone_ZH-CN7320887379_UHD.jpg">4K</a> | ||
| <a target="_blank" href="https://cn.bing.com/th?id=OHR.BisonYellowstone_ZH-CN7320887379_UHD.jpg&pid=hp&w=1920">1080P</a></div> | ||
| </div> | ||
| </div> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.