天猫tmall分类菜单特效
天猫tmall分类菜单特效
发布时间:2015-05-12 来源:查字典编辑
摘要:我们都知道天猫商城的风格一直在变,我们一直在模仿,淘宝走在电子商城设计的潮流。。。就像这个菜单,想必大家都想知道如何实现,今天我们也尝试做一...

 我们都知道天猫商城的风格一直在变,我们一直在模仿,淘宝走在电子商城设计的潮流。。。

天猫tmall分类菜单特效1

就像这个菜单,想必大家都想知道如何实现,今天我们也尝试做一下。

天猫tmall分类菜单特效2

我在html里写了li,里面加上div,fllist,设置为none,用来实现菜单的弹窗。。。这个菜单的效果在于滚动的时候,菜单会一层层折叠

天猫tmall分类菜单特效3

我在脚本里做了判断,当scrollTop大于某个值时,下面的菜单就会折叠起来,一个个写,感觉很死板,呵呵。。。我们都知道,这种写法,对于ie6,只能是无效,因此,在IE6下,我们是滚动后,它一直是展开的。。。这样说起来,好像也没什么难度,只是我们的细节处理,没有天猫做得好啊。。。至于上面的展开显示以及精简显示,我是通过addClass以及removeClass来实现的。。。

天猫tmall分类菜单特效4

以下是我制作的效果截图:

天猫tmall分类菜单特效5
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新脚本HTML教程学习
热门脚本HTML教程学习
网页设计子分类