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>

    下载地址  转载地址

    效果如下

     
  • 相关阅读:
    C#基础学习(二)
    C#基础学习(一)
    使用finalshll连接linux
    如何在显示表控件的时候隐藏某些列
    SMARTFORMS文本编辑器设置为SAP系统默认的
    python教学 目录
    [Unity官方文档翻译]ScrollRect
    <转载>解决div里面img的缝隙问题
    简单插入类排序
    利用border和伪类画出三角形 ps:好久没写博客了。。。
  • 原文地址:https://www.cnblogs.com/share1987/p/Waterfall.html
Copyright © 2011-2022 走看看