【学习任务】实现导航滑动门特效
我要参与
【学习任务】实现导航滑动门特效
学习任务 2.8k
等21人参与
来源: 第9周 / 前端工程师

滑动门效果在实际开发中是很常见的,让我们利用所学知识实现如下效果吧!

演示视频
作业描述

1、默认样式:第一个选项有下划线,字体为红色,其他导航项无下划线,字体为黑色。
2、鼠标移入某一个导航项:下划线跟随鼠标移动到相应的导航项,该导航项字体也要变为红色,其他导航项无下划线,字体为黑色。

提示:
1、下划线可以设置一个空div。
2、 通过定位实现下划线的位置,然后计算left属性值改变下划线的位置。
3、 字体和下划线的红色颜色值为:#f01400;

去发布

登录后即可发布作业,立即

我的作业

全部作业

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师