冥界3大法王 发表于 2022-3-12 10:02

cnblogs博客变成瀑布流博客吗?

能把 www.cnblogs.com ===》变成==》https://downloadly.net 这种图片方式的瀑布流风格吗?
修改JS 还是CSS? 看得脑袋大

还是有请专家   @涛之雨      给看看吧。{:301_974:}

Tisrop 发表于 2022-3-12 13:47

换成grid布局比较方便

SupKevin 发表于 2022-3-12 16:19

https://www.cnblogs.com/yjlaugus
哥哥看看这个?(就是vendor.js  加载有亿点点吗)

SupKevin 发表于 2022-3-12 16:21

可以在博客主题区找到类似的主题

风一样自由 发表于 2022-3-14 10:51

本帖最后由 风一样自由 于 2022-3-14 10:53 编辑

谷歌浏览器插件
效果:动态太大了

文件:


代码:jquery网上下载
manifest.json:
{
"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:
.post-list>.post-item {
    width: 47%;
    float: left;
    margin-right: 3%;
    height: 170px;
}
#pager_bottom {
    display: none;
}

flow.js:
$(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]
查看完整版本: cnblogs博客变成瀑布流博客吗?