动漫瀑布流

复制代码
 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>
复制代码

下载地址  转载地址

效果如下

 
posted @   夏兔冬蛇  阅读(573)  评论(3编辑  收藏  举报
编辑推荐:
· .NET制作智能桌面机器人:结合BotSharp智能体框架开发语音交互
· 软件产品开发中常见的10个问题及处理方法
· .NET 原生驾驭 AI 新基建实战系列:向量数据库的应用与畅想
· 从问题排查到源码分析:ActiveMQ消费端频繁日志刷屏的秘密
· 一次Java后端服务间歇性响应慢的问题排查记录
阅读排行:
· 《HelloGitHub》第 108 期
· Windows桌面应用自动更新解决方案SharpUpdater5发布
· 我的家庭实验室服务器集群硬件清单
· Supergateway:MCP服务器的远程调试与集成工具
· C# 13 中的新增功能实操
点击右上角即可分享
微信分享提示