搜索
首页php教程php手册php/mysql/jquery实现各系统流行的瀑布流显示方式,实现很简单的

大家在用这个东西的时候一定要计得有这么几个文件,一个是jquery.js 还有就是你自己数据库的密码。和相对应的图片才可以正常看到效果。下面就是这里所有的代码!!!HTML文件:waterfall.html !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN

大家在用这个东西的时候一定要计得有这么几个文件,一个是jquery.js 还有就是你自己数据库的密码。和相对应的图片才可以正常看到效果。下面就是这里所有的代码!!! HTML文件:waterfall.html

<pre lang="php">

 
 
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <title>瀑布流-Derek</title>
 <script type="text/javascript" language="javascript" src="http://shaozhuqing.com/jquery.js"></script>
 <link type="text/css" rel="stylesheet" href="http://shaozhuqing.com/waterfall.css">
 <script type="text/javascript" language="javascript" src="http://shaozhuqing.com/waterfall.js"></script>
 
 
  
     
  /* * Javascript文件:waterfall.js */ $(function(){ jsonajax(); });   //这里就要进行计算滚动条当前所在的位置了。如果滚动条离最底部还有100px的时候就要进行调用ajax加载数据 $(window).scroll(function(){ //此方法是在滚动条滚动时发生的函数 // 当滚动到最底部以上100像素时,加载新内容 var $doc_height,$s_top,$now_height; $doc_height = $(document).height(); //这里是document的整个高度 $s_top = $(this).scrollTop(); //当前滚动条离最顶上多少高度 $now_height = $(this).height(); //这里的this 也是就是window对象 if(($doc_height - $s_top - $now_height) temp_h){ iheight = temp_h; $row = $(this); //此时$row是li对象了 } }); $item = $('
php/mysql/jquery实现各系统流行的瀑布流显示方式,实现很简单的
'+neirou.title+'
').hide(); $row.append($item); $item.fadeIn(); } } } }); }   /* * CSS文件:waterfall.css */   body{text-align:center;} /*Download by http://www.codefans.net*/ #stage{ margin:0 auto; padding:0; width:880px; } #stage li{ margin:0; padding:0; list-style:none;float:left; width:220px;} #stage li div{ font-size:12px; padding:10px; color:#999999; text-align:left; }     /* * php文件:data.php */ $v){ $json_arr[] = (object)$v; } //print_r($json_arr); echo json_encode( $json_arr );
声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
3 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

安全考试浏览器

安全考试浏览器

Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

SublimeText3 英文版

SublimeText3 英文版

推荐:为Win版本,支持代码提示!

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器