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

js:我觉得我这个都搞不定,太打击我学习JS的信心了

  •  
  •   123456789 · 2013-10-12 15:26:38 +08:00 · 2572 次点击
    这是一个创建于 4041 天前的主题,其中的信息可能已经有所发展或是发生改变。
    自己想出来一效果,可是实现不了,真的好打击我学习的信心了,所以麻烦大牛给指点下吧

    先看我的效果图 :http://v1.freep.cn/3tb_131012152522rif5512293.png

    想实现鼠标移动到2,2展开,1,3缩小。
    10 条回复    1970-01-01 08:00:00 +08:00
    chshouyu
        1
    chshouyu  
       2013-10-12 15:29:45 +08:00
    这不就是手风琴效果么
    coolicer
        2
    coolicer  
       2013-10-12 15:32:09 +08:00
    难点应该在运动上,你可以先把效果做出来。运动框架可以再加
    paloalto
        3
    paloalto  
       2013-10-12 15:43:49 +08:00
    justfindu
        4
    justfindu  
       2013-10-12 15:43:54 +08:00
    设置一个.classA{ big width} , .classB{small width}
    ul>li{float:left}

    li.hover

    this.class (classA)
    others.class (classB)

    是不是就解决了

    如使用jquery,可以使用animate动画效果.
    原生js的话我也不知道怎么实现的动画- -
    justfindu
        5
    justfindu  
       2013-10-12 15:44:22 +08:00
    哦 还需要叫一个 .classNormal{normal width} 原始状态.
    FrankFang128
        6
    FrankFang128  
       2013-10-12 15:45:20 +08:00
    有人不是说JS简单、JS垃圾么……
    123456789
        7
    123456789  
    OP
       2013-10-12 16:00:42 +08:00
    @justfindu 先感谢,我个人觉得虽然这个方法可行,但写出来没有思想
    123456789
        8
    123456789  
    OP
       2013-10-12 16:01:11 +08:00
    @paloalto 主要是用来学习,不是用来解决问题,插件暂时不考虑,谢谢
    justfindu
        9
    justfindu  
       2013-10-12 16:20:19 +08:00
    @123456789 要有思想的代码么 - - 做不到啊!
    chemzqm
        10
    chemzqm  
       2013-10-12 23:34:48 +08:00
    css就搞定了 http://codepen.io/chemzqm/pen/fDayF 不过flex布局ie11才支持
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   930 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 21:31 · PVG 05:31 · LAX 13:31 · JFK 16:31
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.