08/9
2024
本站右上角的几个图标以前是 PNG 格式的背景图片，最近我在优化网站的配色，需要这里的图标能根据需要变色，所以就需要把它们换成 SVG 格式。下面是一些蛋疼的经验。
CSS 使用 SVG 图像作为背景图片的一些经验
07/13
2024
点击页面右上角（或顶部）的第一个图标即可启用透明模式，我准备了一些 Saber 的图片作为背景图，每次显示背景图时会随机显示其中一张。不过因为这些图都是横向的，所以适合在 PC 上显示，在手机（竖屏）上效果不太好。
顺便本站十周年啦！🔟🎂🥳
虽然记不清哪天是第一天了，不过是在 7 月初没错。真是好久了，感谢大家的陪伴~
撒花！★,°:.☆(￣▽￣)/$:.°★ .
本站添加了显示背景图片的半透明模式
09/26
2018
今天发现 VS Code 可以用 background 扩展来设置背景图片。
安装这个扩展，然后重新启动 VS Code，就会看到编辑器右下角有一个魔理沙，这是扩展自带的默认背景图。
Read More →
用 background 扩展给 VS Code 设置背景图片
12/20
2014
现在本站的背景图片就是在一些图片中随机加载一张的。先贴代码吧：
<script language="javascript">
var bgarr = ["/f/aisaberbg1.jpg","/f/aisaberbg2.jpg","/f/aisaberbg3.jpg"];
var bgindex = Math.floor((Math.random()*bgarr.length));
document.body.style.backgroundImage="url("+bgarr[bgindex]+")";
</script>
注意：
1.没有加入是否会重复的判断，所以有时候可能连续两次都是一样的图片。本站现在有10张背景图片用来切换，如果连续三次四次看到的都是一样的图片，建议你买张彩票。
2.图片未加载完成之前可能无法显示背景图片，建议先在css中给body先设置一个背景颜色。图片被缓存之后基本就没什么问题了。我在chrome和firefox上只会感觉到图片切换，但是ie10我是无解了，不知道是读取缓存太慢还是怎么的，每打开一个页面总是会有一段时间背景显示为空白（今天在亲戚家发现ie11的效果和chrome、firefox一样）。这个问题我是不明觉厉，也不打算解决，直接升级ie算了,毕竟我只用chrome毕竟本站没人来我只是自己看。
3.这段代码我是放在body标签之后的，因此也没写onload事件，代码读取到就开始执行。如果是要放到head标签对之间，请自行加上onload，否则执行时会找不到body。
Read More →
