关于 Ajax 动态切换背景的尝试

很多网站在切换背景图时，都会直接“啪”一下瞬间替换，或者干脆刷新整个页面。背景一闪，玻璃拟态里的光影和氛围也跟着断掉，整体观感其实并不舒服。

后来尝试用 Ajax 去动态加载背景图，把背景切换改成后台静默获取，再通过淡入、渐变等方式平缓过渡，整个页面的感觉一下子自然了很多。尤其是搭配 Glassmorphism 风格时，那种透明层叠的空间感终于不会被突兀打断。

比较麻烦的是大尺寸图片。很多高质量背景动不动就是几 MB，在首次访问或者没缓存的时候，如果直接等待加载，页面很容易出现“像卡住了一样”的感觉。于是又顺手加了一个图片加载进度显示，在背景资源加载时显示进度条和 Loading 状态，至少用户知道页面还活着。

这种做法还有个很有意思的地方：背景图本身会直接改变整个网页的气质。换一张偏暗的城市夜景，页面会立刻变得沉浸、安静；换成自然风景或者暖色调图片，整体又会轻很多。同样一套 UI，仅仅通过背景变化，就能快速切换网页氛围。

现在越来越觉得，背景图不应该只是“装饰”。如果处理得好，它其实可以成为网页情绪的一部分。再配合平缓过渡和玻璃拟态里的透明层次，整个页面会比单纯堆动画舒服很多，也更耐看。