- Hi,好久不见,想信大家都对jQuery动画效果有一点的了解,所以今天本人用jQuery动画效果来做一个手风琴效果。
- 样式展示:这里我用了三个div标签来分了三个职业,背景采用了粉色,每个职业框下面还有三个英雄名,不过被我隐藏;
- 效果展示:当我把鼠标移入随机一个职业框时,这个职业框就会以下拉的方式打开并显示英雄名,再当我们把鼠标移出时,英雄框就会收回。
- 代码讲解:第一步写上三个div标签,这三个div标签都再次新建一个div标签,在再次创建的标签里新建三个span标签,在这个标签里写上职业英雄名,三个span标签记得用br标签来分行,所以的div标签都给他个类,记得不能重名。