左下角蕾姆到达底部,右下角拉姆返回顶部

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










全部评论

相关推荐

嵌入式的小白:你这配置这么好的啊,我要是有那个长的屏就好了
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务