shellyzzzzzzz / interactiondemo

interactionDemo

3D_parallax

采用CSS3的perspective实现的3D视差交互，PC端通过鼠标移动操作，移动端通过触屏滑动操作。

gradual_imgload

刷知乎时发现知乎采用了一种新的图片加载方式，图片在加载时会由模糊到清晰，此模块实现了类似功能。

nodelay_menu

利用延迟和去抖实现的二级菜单切换功能，并加入了用户行为预测。

pre_imgload

简单的图片预加载实现。核心代码为

var imgObj = new Image();
$(imgObj).on('load error', function () {

});
imgObj.src = src;

progress_indicator

在学习阮一峰老师的ES6入门时，无意中发现页面顶部进度条的交互，模仿实现了一个。原理简单，无需赘述。