鼠标经过猫猫时会躲起来,鼠标移开又随机位置跑出来,于是扒下来
用户直接常规设置-底部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网站添加一个躲猫猫](https://www.dh139.cn/wp-content/uploads/2025/11/2-20.jpg)
© 版权声明
点点赞赏,手留余香~
还没有人给TA充电
给TA充电
声明
花猪使用须知
- 1本网站内容仅供个人学习、研究和欣赏,未经授权禁止用于任何商业用途。
- 2网站中的代码示例仅用于教育目的,使用时请遵循相关开源协议和授权规定。
- 3转载或引用本站内容请注明出处,尊重原创,共同维护良好的创作环境。
- 4网站评论区欢迎理性讨论,请勿发表违反法律法规的言论,共建和谐社区。
- 5如有内容侵犯您的权益,请通过博客联系方式告知,将立即核实并处理。
- 6使用本站资源时产生的任何问题与后果需自行承担,请谨慎操作。
THE END
喜欢就支持一下吧
相关推荐













暂无评论内容