摘要:
昨天我们剖析了一下翻阅体验的实现。今天要剖析另外一个很有意思的效果——视频拼图。网站中第一部分第二页《月熊的标志》是月熊志中互动性较强的一页,页面上会随机分布9块视频碎片,用户可以通过鼠标或者触控移动碎片完成拼图。在这个Demo中,我们需要引用2个JavaScript库,jQuery和Hammer.js。Hammer.js 是一个手势触控JS库,能够为网页加入Tap、Swipe、Drag等事件,并且同时支持鼠标和触控输入,免去自己监听事件和判断浏览器兼容等问题。建立九宫格首先,我们在页面中建立一个九宫格: 1 HTML: 2 3 4 … 5 6 7 8 CSS... 阅读全文