查看演示页面可以直接点击链接进入网页然后ctrl+u查看源代码
把下面这段代码放入网站的页脚就可以使用啦~ 祝你和蕾姆拉姆幸福。如果你的博客网站加载过jquery.js, 那么下面这段代码就可以不用再添加啦
<script src="https://tanyaodan.com/wp-content/themes/Giligili/js/jquery.js" type="text/javascript"></script>
源代码如下:
.sidebar_wo{position:fixed;line-height:0;bottom:0px;z-index:1;} #leimu{left:0;-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform: translate(-7px,7px); -ms-transform: translate(-7px,7px); transform: translate(-7px,7px);} #lamu{-webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform: translate(7px,7px); -ms-transform: translate(7px,7px); transform: translate(7px,7px);right:0} #leimu:hover{ -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } #lamu:hover { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } @media only screen and (max-width:1024px){.sidebar_wo{display:none}}