zyl的试卷库

自己搭建zyl试卷库初衷是供高中生学习增添一份力，帮助节省找试卷的时间。不知不觉一年多过去了，自己以前在高二阶段也为网站添加了各式各样有意思的css和js作为美化，现决定梳理梳理展示背后的原理,以及踩坑。

参考样例：

 zyl的试卷库：https://sj.zhangyile.site/​​​​​​

样式开源记录

 1.小鲨鱼鼠标样式

 - 有列表时为抱手，其他情况默认

<style>
/*小鲨鱼鼠标*/
body {
    cursor: url('./mouse.png')7 0, default;
}
a, button {
   cursor: url('./mouse-point.png')7 0, pointer;
}  /*列表情况使用poninter，7 0 为焦点*/
</style>

配套png：

           

 2.全局鼠标点击特效

- 凑了一堆emoji，选取一些合适的词语加诗句

<!-- 每次取随机数组，然后对字体附加随机颜色，创建定时器，用于渐变消失，位移和缩小 -->
<script>
    (function () {
        var a_idx = 0;
        window.onclick = function (event) {
             var a = new Array(
                 "🌟高考加油💪", "🌺万事顺遂🌈", "🌈前程似锦🚀", "🌼金榜题名🏆", "🌟旗开得胜🚩", "🌺妙笔生花✏️", "🌈不负韶华📚", "🌼锦鲤附体🎉", "🌟登科及第🎓",
                 "🌺九天揽月🌙", "🌈心想事成💭", "🌼高考上岸🏝️", "🌟胸有成竹🌳", "🌺文思泉涌💡", "🌈蟾宫折桂🐸",
                 "🌟考研上岸💼", "🌺夜以继日🌃", "🌈金榜高玄🐟", "🌼历经沧桑📚", "🌟柳暗花明🌸", "🌺风华正茂🎓", "🌈上岸上岸！🌌", "🌼梦想成真🌈",
                 "你最棒❤", "🌺一鸣惊人🍷", "🌈星光熠熠✨", "🌼逐梦追星🚀", "🌟莘莘学子📚", "🌺春风得意马蹄疾🏆", "❤我喜欢你❤", "🌼