这是一款带视觉差的网格浮动图片画廊jquery特效。该图片画廊特效将图片以网格的方式进行展示。整个网格会根据鼠标的位置在屏幕中进行浮动展示，效果非常炫酷。

使用方法

在页面中引入样式文件style.css，以及jquery和parallax.min.js文件。

HTML结构

该网格浮动图片画廊的基本HTML结构如下：

  

    

      
        

          

            
Project Title
          
        
        

      
    
    

      
        

          

            
Project Title
          
        
        

      
    
    

      
        

          

            
Project Title
          
        
        

      
    
    ......
  

                

初始化插件

在页面DOM元素加载完毕之后，通过下面的方法来初始化该网格浮动图片画廊特效。

var makeWinHeight = function(){
  var vh = $(window).height();
  var projects = vh/2;
  $('#scene, .layer.main').height(vh);
  $('#scene .col a, #scene .col').height(projects);
}
$(document).ready(function(){
  makeWinHeight();

});
$(window).resize(function(){
  makeWinHeight();
});

var scene = document.getElementById('scene');
var parallax = new Parallax(scene);