关于美团选餐界面效果的实现思路

美团外卖有一个效果，实际感觉挺不错的，针对此效果，总结并实现了两个思路。

页面布局情况：

html

css

<div id="left"> <ul> <li id="left_0">分类一</li> <li id="left_1">分类二</li> <li id="left_2">分类三</li> <li id="left_3">分类四</li> <li id="left_4">分类五</li> <li id="left_5">分类六</li> <li id="left_6">分类七</li> <li id="left_7">分类八</li> <li id="left_8">分类九</li> <li id="left_9">分类十</li> </ul> </div> <div id="right" style="transition:500ms;"> <ul id="right_0"> <li style="">分类一的子分类</li> <li style="">分类一的子分类</li> <li style="">分类一的子分类</li> <li style="">分类一的子分类</li>