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++小知识之Vector用法
    云计算和大数据入门
    C++解析JSON之JsonCPP
    OSS研究
    linux内核--进程地址空间(三)
    学习笔记:修改网吧计费系统
    学习笔记:找回电脑开机密码
    例说C#深拷贝与浅拷贝
    JBossESB教程(一)——开发环境的搭建
    Java集合---ConcurrentHashMap原理分析
  • 原文地址:https://www.cnblogs.com/share1987/p/Waterfall.html
Copyright © 2011-2022 走看看