动漫瀑布流
1 <link type="text/css" rel="stylesheet" href="https://files.cnblogs.com/share1987/waterfall.css" /> 2 <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 3 <script type="text/javascript" src="https://files.cnblogs.com/share1987/jquery.waterfall.weibo.js"></script> 4 <script type="text/javascript"> 5 // <![CDATA[ 6 $(function(){ 7 $('#waterfall').waterfall({ 8 colWidth: 144, 9 perNum: 'auto', // 每次显示五个 10 ajaxTimes: 2, // 只发送一次请求 11 // 跨域请求 12 ajaxFunc: function(successCallback, errorCallback){ 13 $.ajax({ 14 type: 'GET', 15 url: 'https://files.cnblogs.com/share1987/jsonCallback.weibo.js?callback=?', 16 cache: false, 17 dataType:'jsonp', 18 jsonpCallback: 'wf_callback', 19 timeout: 6000, 20 success: successCallback, 21 error: errorCallback 22 }); 23 }}); 24 }); 25 // ]]> 26 </script> 27 <div id="waterfall"></div>
效果如下
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· .NET制作智能桌面机器人:结合BotSharp智能体框架开发语音交互
· 软件产品开发中常见的10个问题及处理方法
· .NET 原生驾驭 AI 新基建实战系列:向量数据库的应用与畅想
· 从问题排查到源码分析:ActiveMQ消费端频繁日志刷屏的秘密
· 一次Java后端服务间歇性响应慢的问题排查记录
· 《HelloGitHub》第 108 期
· Windows桌面应用自动更新解决方案SharpUpdater5发布
· 我的家庭实验室服务器集群硬件清单
· Supergateway:MCP服务器的远程调试与集成工具
· C# 13 中的新增功能实操