jQuery鼠标悬浮有动画效果的响应式瀑布流插件

jaliswall是一款手机响应式瀑布流插件，它会自动生成鼠标悬浮上去有震动的效果，也就是animate top，鼠标离开再设置top的值。

分类：图片代码 > 图片插件难易：初级

查看演示下载资源下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

瀑布流结构图

<div class="wall">
    <div class="article">
        <a href='http://www.sucaihuo.com/js/541.html'  target='_blank'>
            <img src='img/4.jpg' alt='jQuery网页雪花插件' />
        </a>
        <h2>
            <a href='http://www.sucaihuo.com/js/541.html' target='_blank'>
                jQuery网页雪花插件
            </a>
        </h2>
    </div>
    <div class="article">
        <a href='http://www.sucaihuo.com/js/541.html'  target='_blank'>
            <img src='img/4.jpg' alt='jQuery网页雪花插件' />
        </a>
        <h2>
            <a href='http://www.sucaihuo.com/js/542.html' target='_blank'>
                jQuery仿京东登录弹出层
            </a>
        </h2>
    </div>
</div>

引入jaliswall瀑布流插件

<script type="text/javascript" src="js/jaliswall.js"></script>

定义瀑布流容器和每个节点

$(function() {
    $('.wall').jaliswall({item: '.article'});
});