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>

    下载地址  转载地址

    效果如下

     
  • 相关阅读:
    精简菜单和完整菜单之间进行切换
    QBC运算符含义
    STL源代码剖析——STL算法stl_algo.h
    TI_DSP_corePac_带宽管理
    scrapy-redis源代码分析
    SVG 贝塞尔曲线控制【方便设置】:贝塞尔曲线
    Zoj 2100 Seeding
    快慢指针和链表原地反转
    Gradle 编译多个project(包括多Library库project依赖)指导
    供应商地点信息更新
  • 原文地址:https://www.cnblogs.com/share1987/p/Waterfall.html
Copyright © 2011-2022 走看看