站右侧底部添加一个可爱的小猫,访问还会有喵叫声哦~不仅如此,点击小喵可自动消失
在任意页面都可以添加一下代码。
<!--躲猫猫-->
<div id="maomao" onmouseout="duoMaomao()">
<input type="button" onclick="autoPlay()" hidden="true">
</div>
<!--自动一声猫咪叫-->
<audio id="myaudio" src="//lib.hackeus.cn/static/audio/music_miao.mp3" acontrols="controls" autoplay="autoplay" hidden="true"></audio>
CSS代码:
/*躲猫猫*/
#maomao {
position: fixed;
bottom: 40px;
right: -5px;
width: 57px;
height: 70px;
background-image: url(//lib.hackeus.cn/static/svg/mao.svg);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
transition: background .3s;
}
#maomao:hover {
background-position: 60px 50%;
}
评论