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

2014-07-29 09:32:33 +08:00
 top1ofshu
http://www.chanel.com/en_WW/fashion.html
老板叫我做个一样的效果出来.
现在已知是基于Sencha,ExtJS的,问一下各位知道这种随鼠标移动的效果有名字吗?是Sencha自带的还是别的第三方库?
2487 次点击
所在节点    问与答
4 条回复
abelyao
2014-07-29 11:31:11 +08:00
时间不急的话用 jQuery 自己写一样也不难吧
j
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 大神,既然说不难了,说一下思路咯?

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/124992

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX