元素交错视觉差特效--shake.min.js

鼠标 移动 元素 移动 视觉差

效果就跟github出现的404页面效果一样

随便输入一个地址报错进入404：https://github.com/sdfsgggdf

现在提供一个简单插件shake.min.js同样能实现效果，兼容IE8以上浏览器

用法：

<script src="js/shake.js"></script>
<script>
  var layers = $('.plaxify');
    $.each(layers, function(index, layer){
      $(layer).plaxify({
        xRange: $(layer).data('xrange') || 0,
        yRange: $(layer).data('yrange') || 0,
        invert: $(layer).data('invert') || false
       });
    });
 $.plax.enable();
</script>


<img class="plaxify"  data-xrange="8" data-yrange="3" style="position: absolute;">  //加指定的class名  data-xrange, data-yrange支持负值

效果演示：https://sdeno.com/wp-content/uploads/2016/05/404/1.html