你的位置:首页 > 软件开发 > Java > jquery瀑布流的制作

jquery瀑布流的制作

发布时间:2016-08-18 18:00:04
首先,还是来看一下炫酷的页面:今天就边做边说了:一。准备工作新建css,js,img文件夹存放相应文件,并在demo.html文件中引入外部文件(注意要把jquery文件引入),这里就不过多描述了。二。图片展示<div id="main"> &l ...

jquery瀑布流的制作

首先,还是来看一下炫酷的页面:

jquery瀑布流的制作今天就边做边说了:

一。准备工作

新建css,js,img文件夹存放相应文件,并在demo.html文件中引入外部文件(注意要把jquery文件引入),这里就不过多描述了。

二。图片展示

<div id="main">  <div class="pic">    <img src='/images/loading.gif' data-original="img/1.jpg" />  </div>    <div class="pic">    <img src='/images/loading.gif' data-original="img/2.jpg" />  </div>    <div class="pic">    <img src='/images/loading.gif' data-original="img/3.jpg" />  </div>    <div class="pic">    <img src='/images/loading.gif' data-original="img/4.jpg" />  </div>    <div class="pic">    <img src='/images/loading.gif' data-original="img/5.jpg" />  </div>    <div class="pic">    <img src='/images/loading.gif' data-original="img/6.jpg" />  </div>    <div class="pic">    <img src='/images/loading.gif' data-original="img/7.jpg" />  </div>    <div class="pic">    <img src='/images/loading.gif' data-original="img/8.jpg" />  </div>    <div class="pic">    <img src='/images/loading.gif' data-original="img/9.jpg" />  </div>    <div class="pic">    <img src='/images/loading.gif' data-original="img/10.jpg" />  </div>    <div class="pic">    <img src='/images/loading.gif' data-original="img/1.jpg" />  </div>    <div class="pic">    <img src='/images/loading.gif' data-original="img/2.jpg" />  </div>    <div class="pic">    <img src='/images/loading.gif' data-original="img/3.jpg" />  </div>    <div class="pic">    <img src='/images/loading.gif' data-original="img/4.jpg" />  </div>   <div class="pic">    <img src='/images/loading.gif' data-original="img/5.jpg" />  </div>    <div class="pic">    <img src='/images/loading.gif' data-original="img/6.jpg" />  </div>    <div class="pic">    <img src='/images/loading.gif' data-original="img/7.jpg" />  </div></div>

原标题:jquery瀑布流的制作

关键词:jquery

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录