zoukankan      html  css  js  c++  java
  • 动漫瀑布流

     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>

    下载地址  转载地址

    效果如下

     
  • 相关阅读:
    根据痛点分析制作软件
    大学生三大痛点及分析
    统计作业
    蜜迹(个人项目设计)
    一款有趣的影子游戏《Shadowmatic-投影寻真》
    Java项目实战_疫情地图可视化_day03
    Java项目实战_疫情地图可视化_day02
    Java项目实战_疫情地图可视化_day01
    《敏捷软件开发原则,模式与实践》阅读笔记三
    《敏捷软件开发原则,模式与实践》阅读笔记二
  • 原文地址:https://www.cnblogs.com/share1987/p/Waterfall.html
Copyright © 2011-2022 走看看