查看演示页面可以直接点击链接进入网页然后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}}