![]() |
要实现一个类似tencent首页左图的功能。自己做的的效果为右图。
页面结构为:
![]() |
逻辑是所有列表子项的默认样式是未展开时的样式,隐藏掉未展开时未出现的.video_img,.hot_sign和.video_credit,对出现的类分别定义样式:
![]() |
对列表子项定义hover事件:此时把样式类sort_select加给此列表子项,这也为了对此列表子项里面的结构进行样式定义:
![]() |
对选中的列表子项和里面的结构的样式定义:
![]() |
看了tencent的源代码,列表是table实现的。js未知。
实现这种功能不知道有没有更好的方法。。。





浙公网安备 33010602011771号