JS 问题:向大家请教一个香奈尔的网站页面效果,代码里找了好久,不知道怎么下手

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3772 天前的主题，其中的信息可能已经有所发展或是发生改变。

http://www.chanel.com/en_WW/fashion.html
老板叫我做个一样的效果出来.
现在已知是基于Sencha,ExtJS的,问一下各位知道这种随鼠标移动的效果有名字吗?是Sencha自带的还是别的第三方库?

4 条回复 • 2014-07-29 14:03:45 +08:00

abelyao

2014-07-29 11:31:11 +08:00

时间不急的话用 jQuery 自己写一样也不难吧

2014-07-29 11:45:03 +08:00

打开 http://www.chanel.com/etc/designs/chanel/ifashion/common.js

你可以看到他们使用了 hammer.js（A javascript library for multi-touch gestures）
https://github.com/hammerjs/hammer.js

你看到的效果是hammer.js的简单实例，可参考github上提供的文档。

learnshare

2014-07-29 11:54:04 +08:00

应该属于视差滚动的应用，结合了 mousemove 事件。如果需要触摸移动，再结合 touchmove 事件就可以了。

top1ofshu

2014-07-29 14:03:45 +08:00

@abelyao 大神,既然说不难了,说一下思路咯?