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

V2EX = way to explore

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

现在注册

已注册用户请登录

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

自己想出来一效果，可是实现不了，真的好打击我学习的信心了，所以麻烦大牛给指点下吧

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

想实现鼠标移动到2，2展开，1,3缩小。

搞不定

打击

信心

10 条回复 • 1970-01-01 08:00:00 +08:00

chshouyu

2013-10-12 15:29:45 +08:00

这不就是手风琴效果么

coolicer

2013-10-12 15:32:09 +08:00

难点应该在运动上，你可以先把效果做出来。运动框架可以再加

paloalto

2013-10-12 15:43:49 +08:00

http://demo.jgpy.cn/kandyTabs/

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

2013-10-12 15:44:22 +08:00

哦还需要叫一个 .classNormal{normal width} 原始状态.

FrankFang128

2013-10-12 15:45:20 +08:00

有人不是说JS简单、JS垃圾么……

123456789

2013-10-12 16:00:42 +08:00

@justfindu 先感谢，我个人觉得虽然这个方法可行，但写出来没有思想

123456789

2013-10-12 16:01:11 +08:00

@paloalto 主要是用来学习，不是用来解决问题，插件暂时不考虑，谢谢

justfindu

2013-10-12 16:20:19 +08:00

@123456789 要有思想的代码么 - - 做不到啊!

chemzqm

2013-10-12 23:34:48 +08:00

css就搞定了 http://codepen.io/chemzqm/pen/fDayF 不过flex布局ie11才支持