极客编程小挑战＃28：实现二级菜单的炫酷显示效果

 

首先，非常感谢本期编程挑战赛的赞助商：猿圈

 赞助商[猿圈]介绍：

猿圈（oxcoder）是一个互联网人职业成长平台，独创互联网技术人才识别工具，可以识别出技术人才的编程水平，以及欠缺的知识点。一方面帮助公司做人才招聘决策，另一方面也让用户了解自己的能力短板，对用户进行针对性的培训。使用测评工具来打造招聘与职业培训的闭环，为技术人才职业生涯提供最优质的服务！

猿圈官网网址：www.oxcoder.com

 礼品赞助：

本期提供5份礼品，均由为前端书籍。根据获赞数决定获奖人员，新人参与有机会得到新人奖哦～

那么本期挑战的内容是什么？容我卖个关子～

极客标签是一个学习前端知识和分享前端知识的平台。以往的挑战形式，更加偏向于学生完成老师布置的作业。而本期挑战，希望参赛者换个身份参与进来，将自己学习的知识讲授给他人。通过课程的形式，完成任务，并讲解详细，以帮助前端初学者更好地学习为目的，完成此次挑战。

 

本期挑战：

实现 单击按钮“分享更多”后，下级菜单呈现炫酷显示效果，下级菜单内容如下图（极客标签每篇文章后的分享方式），效果越炫越好～

本次挑战的作品在课程库中添加，以讲解详细、课程效果好为目的。课程成功发布之后，将课程链接添加到本文评论中。

 

如何添加课程呢？

1、在课程库页面的右下方，选择“草稿”（尚未录制过课程的人会被提醒权限问题，请联系管理员Elle修改权限）

 

2、选择“新建课程”后，建立一个新的课程库，定义了课程库标题和描述之后，点击“保存”按钮

 

3、在本课程库中 添加一节新课程，选择了编程语言语言之后，即可开始录制课程

 

4、在添加代码过程中，可以随时进行讲解，讲解有三种位置选择，视情况添加。完成课程的全部操作后，点击左上角的“保存“按钮

 

5、对课程的内容进行描述，在课程类型中选择“代码挑战”

 

6、课程添加成功后，请务必记得点击“申请上架”按钮，由管理员审批后发布课程。

 

对课程时长不确定的geek，可以参考课程库中已建立的课程。

课程库链接：http://www.gbtags.com/gb/gblibrary.htm

 提交了代码的同学，请扫描下图中的二维码，加入 “编程挑战赛参与者群”，方便大家进行讨论和学习，也方便管理员进行信息的统计，发放奖品～

 原文链接：http://www.gbtags.com/gb/share/6059.htm