吾爱破解 - 52pojie.cn

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 1375|回复: 4
收起左侧

[求助] cnblogs博客变成瀑布流博客吗?

[复制链接]
冥界3大法王 发表于 2022-3-12 10:02
能把 www.cnblogs.com ===》变成==》  https://downloadly.net 这种图片方式的瀑布流风格吗?
修改JS 还是CSS? 看得脑袋大

还是有请专家   @涛之雨      给看看吧。

发帖前要善用论坛搜索功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。

Tisrop 发表于 2022-3-12 13:47
换成grid布局比较方便
Snipaste_2022-03-12_13-47-30.png
SupKevin 发表于 2022-3-12 16:19
https://www.cnblogs.com/yjlaugus
哥哥看看这个?(就是vendor.js  加载有亿点点吗)

免费评分

参与人数 1吾爱币 +1 热心值 +1 收起 理由
冥界3大法王 + 1 + 1 谢谢@Thanks!

查看全部评分

SupKevin 发表于 2022-3-12 16:21
风一样自由 发表于 2022-3-14 10:51
本帖最后由 风一样自由 于 2022-3-14 10:53 编辑

谷歌浏览器插件
效果:动态太大了
image.png
文件:
image.png

代码:jquery网上下载
manifest.json:
[JavaScript] 纯文本查看 复制代码
{
  "manifest_version": 3,
  "name": "cnblogs flow",
  "version": "1.0",
  "description": "none",
  "content_scripts": [{
      "matches": ["https://*.cnblogs.com/*", "http://*.cnblogs.com/*"],
      "css": ["rewrite.css"],
      "js": ["jquery-3.1.1.min.js", "flow.js"],
      "run_at": "document_start"
    }],
  "host_permissions": ["https://*.cnblogs.com/*"]
}


rewrite.css:
[CSS] 纯文本查看 复制代码
.post-list>.post-item {
    width: 47%;
    float: left;
    margin-right: 3%;
    height: 170px;
}
#pager_bottom {
    display: none;
}


flow.js:
[JavaScript] 纯文本查看 复制代码
$(function(){
    var oldpage = 1;

    $(window).scroll(function(){
        var newpage = Math.ceil(eval($(window).scrollTop() / 1300));
        if( newpage - oldpage == 1 ){
            oldpage = newpage;

            $.ajax({
                method: "POST",
                contentType: "application/json",
                url: "https://www.cnblogs.com/AggSite/AggSitePostList",
                data: '{"CategoryType":"SiteHome","ParentCategoryId":0,"CategoryId":808,"PageIndex":'+newpage+',"TotalPostCount":4000,"ItemListActionName":"AggSitePostList"}'
            }).done(function (content) {
                $('#post_list').append(content);
            });
                
        }
    })
})

免费评分

参与人数 1吾爱币 +3 热心值 +1 收起 理由
冥界3大法王 + 3 + 1 谢谢@Thanks!

查看全部评分

您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

返回列表

RSS订阅|小黑屋|处罚记录|联系我们|吾爱破解 - LCG - LSG ( 京ICP备16042023号 | 京公网安备 11010502030087号 )

GMT+8, 2024-11-25 16:37

Powered by Discuz!

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表