CSS实现动画效果,首先把b和i标签都设置为块级元素,这样的话就可以垂直分布,再给a设置一个transition,所谓的动画,就是划入后改变把a上移,再给a加个边框好观察,看下图

最后想实现效果,就给包裹菜单的div设置一个溢出隐藏属性即可

也可以采用JQ来实现,代码如下

3.弹性子菜单实现

首先子菜单使用div包裹,里面都是a标签,如下

接下来设置样式,既然是子菜单,就要脱离文档页面,所以使用absolute属性,使用这个属性那么父容器就要是relative

如下效果:

接下来使用JQ和easing插件来控制动画 find方法一般用来查找操作元素的后代元素的

效果,图片录制不太好,实际上都是弹性动画的。

内容，希望对大家的学习有所帮助。