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>

    下载地址  转载地址

    效果如下

     
  • 相关阅读:
    一些常用的接口地址
    1-项目启动
    事件处理优化
    如何javascript获取css中的样式
    mysql编程--创建函数出错的解决方案
    mysql编程---函数
    mysql---数据控制语言（用户及其权限管理）
    php与mysql的常规使用
    php数组的使用
    php函数的使用
  • 原文地址：https://www.cnblogs.com/share1987/p/Waterfall.html
Copyright © 2011-2022 走看看