V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
top1ofshu
V2EX  ›  问与答

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

  •  
  •   top1ofshu · 2014-07-29 09:32:33 +08:00 · 2397 次点击
    这是一个创建于 3584 天前的主题,其中的信息可能已经有所发展或是发生改变。
    http://www.chanel.com/en_WW/fashion.html
    老板叫我做个一样的效果出来.
    现在已知是基于Sencha,ExtJS的,问一下各位知道这种随鼠标移动的效果有名字吗?是Sencha自带的还是别的第三方库?
    4 条回复    2014-07-29 14:03:45 +08:00
    abelyao
        1
    abelyao  
       2014-07-29 11:31:11 +08:00
    时间不急的话用 jQuery 自己写一样也不难吧
    j
        2
    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
        3
    learnshare  
       2014-07-29 11:54:04 +08:00
    应该属于视差滚动的应用,结合了 mousemove 事件。如果需要触摸移动,再结合 touchmove 事件就可以了。
    top1ofshu
        4
    top1ofshu  
    OP
       2014-07-29 14:03:45 +08:00
    @abelyao 大神,既然说不难了,说一下思路咯?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2408 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 00:33 · PVG 08:33 · LAX 17:33 · JFK 20:33
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.