特效介绍
仿堆糖网,自动上下滚动的jQuery瀑布流插件。每隔几秒钟,就会自动滚动一次,使页面出现新的内容。使用方法
1、在头部引入下面的js和css文件:
<link rel=stylesheet type=text/css href="css/5imoban.net.css"> <script type=text/javascript src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"></script> <script type=text/javascript src="js/5imoban.net.js"></script>2.将下面代码拷贝到您的html文件中:
<div id="content"> <div id="waterfall" class="waterfall"> <div class="dym-dl"> <div class="dym"><img alt="jQuery瀑布流" src="images/01.jpg" /></div> <div class="dym"><img src="images/02.jpg" /></div> <div class="dym"><img src="images/03.jpg" /></div> <div class="dym"><img src="images/04.jpg" /></div> <div class="dym"><img src="images/17.jpg" /></div> </div> <div class="dym-dl"> <div class="dym"><img src="images/05.jpg" /></div> <div class="dym"><img alt="我爱模板网" src="images/06.jpg" /></div> <div class="dym"><img src="images/07.jpg" /></div> <div class="dym"><img src="images/08.jpg" /></div> </div> <div class="dym-dl"> <div class="dym"><img src="images/09.jpg" /></div> <div class="dym"><img src="images/10.jpg" /></div> <div class="dym"><img src="images/11.jpg" /></div> <div class="dym"><img src="images/12.jpg" /></div> </div> <div class="dym-dl"> <div class="dym"><img src="images/13.jpg" /></div> <div class="dym"><img alt="免费网页模板" src="images/14.jpg" /></div> <div class="dym"><img src="images/15.jpg" /></div> <div class="dym"><img src="images/16.jpg" /></div> </div> </div> </div>3、图片流动速度,停留时间等参数可在5imoban.net.js里修改,有注释