给你的子比主题网站添加一个躲猫猫

给你的子比主题网站添加一个躲猫猫- 花猪资源网
给你的子比主题网站添加一个躲猫猫
此内容为免费阅读,请登录后查看
0
免费阅读

鼠标经过猫猫时会躲起来,鼠标移开又随机位置跑出来,于是扒下来
用户直接常规设置-底部HTML标签添加以下代码

<style>#maomao{position:fixed;bottom:40px;right:-5px;width:57px;height:70px;background-image:url(https://www.dh139.cn/api/img/20210808215127.svg);background-position:center;background-size:cover;background-repeat:no-repeat;transition:background .3s;z-index:1000000}#maomao:hover{background-position:60px 50%;}</style>
<div id="maomao" onmouseout="duoMaomao()" style="bottom: 79vh;"></div>
<script>var randomNum =function(minNum,maxNum) {switch (arguments.length) {case 1:return parseInt(Math.random() *minNum + 1,10);break;case 2:return parseInt(Math.random() *(maxNum - minNum + 1) + minNum,10);break;default:return 0;break;};};var duoMaomao =function() {var maomao =$('#maomao');maomao.css('bottom',randomNum(1,90) + 'vh');};</script>
图片[1]- 给你的WordPress网站添加一个躲猫猫
© 版权声明
评论 抢沙发

请登录后发表评论

    暂无评论内容