顶部添加彩色进度条

下载地址已下载 0 次

服务协议

文章介绍
发表评论
更新日志
历史版本
美化教程

CSS代码:

javascript代码:

//进度条加载显示
$(window).scroll(function() {
    var a = $(window).scrollTop(),
    c = $(document).height(),
    b = $(window).height();
    scrollPercent = a / (c - b) * 100;
    scrollPercent = scrollPercent.toFixed(1);
    $("#percentageCounter").css({
        width: scrollPercent + "%"
    });
}).trigger("scroll");

在主题目录header.php中,添加以下代码,放在body标签下(最后一行)

<div id="percentageCounter"></div>

 

THE END
© 版权声明
点赞0 分享
暂无内容
暂无更新日志
暂无内容
暂无历史版本

顶部添加彩色进度条

美化教程

CSS代码:

javascript代码:

//进度条加载显示
$(window).scroll(function() {
    var a = $(window).scrollTop(),
    c = $(document).height(),
    b = $(window).height();
    scrollPercent = a / (c - b) * 100;
    scrollPercent = scrollPercent.toFixed(1);
    $("#percentageCounter").css({
        width: scrollPercent + "%"
    });
}).trigger("scroll");

在主题目录header.php中,添加以下代码,放在body标签下(最后一行)

<div id="percentageCounter"></div>

 

© 版权声明
THE END
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容