演示文档

提示框 – TipBox

绿色提示框
红色提示框
黄色提示框
灰色提示框
蓝色提示框
黑色提示框

按钮 – Button


代码高亮 – Highlight.js


// jQuery
$(document).ready(function() {
    var height = $(window).height();
    $(window).scroll(function() {
        if ($(window).scrollTop() > height) {
            $(".back-to-top").fadeIn(500);
        } else {
            $(".back-to-top").fadeOut(500);
        }
    });
    $('.back-to-top').click(function() {
        $('body,html').animate({
            scrollTop: '0px'
        }, 900);
    });
});

/* CSS */
.back-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 2018;
    background-color: #42b983;
    color: #fff;
    padding: 5px 5px;
    cursor: pointer;
    display: none;
}
.back-to-top:hover {
    background-color: #42b983;
    box-shadow: 0 0 30px #3da576 inset;
}
.back-to-top:active {
    background-color: #3da576;
}
.back-to-top:hover,
.back-to-top:active {
    transition: all 0.1s;
}

图片暗箱 – FancyBox

点击图片查看

主题设置 – ThemeSetting

评论

是是是 7个月前 (05-06) 回复

三生三世

免费SSR节点 10个月前 (02-14) 回复

真的不错,感谢!

跨境电商之家 10个月前 (02-05) 回复

测试!

zhaoo 1年前 (2018-10-13) 回复

评论测试

0%