【AmazeUI赞助】jQuery编程挑战#010：生成页面顶端的滑动弹出式提示框效果

 参加编程小挑战，赢取超时尚且超时用卫衣！

参考给定的HTML，使用jQuery和相关CSS生成页面顶端滑动错误提示效果，具体效果如下：

点击页面中的按钮“系统提示” ，生成一个背景色为#efb73e的页面顶端居中“错误提示框”（贴近页面顶端），宽度为页面宽度的80%，高度为35px，出现效果为整体向下滑动出现，点击“错误提示框”中的关闭元素（id=“close” 元素），自动向上滑动关闭页面顶端的“错误提示效果”（效果为整体向上滑动消失），参考如下UI设计图形

提交方式：

请查看下方阅读原文

礼品赞助

本期三份挑战礼品（超厚卫衣）来自云适配amazeUI - 中国首个开源 HTML5 跨屏前端框架 ， 鼎力赞助！

amazeUI 中国首个开源 HTML5 跨屏前端框架

如何增加获奖机率？

• 最快完成奖一名： 最快保存递交代码
• 最佳讲解奖一名： 代码录制过程及其气泡讲解详细认真
• 最佳人气奖一名： 点赞（点+）的人最多

原文来自：【AmazeUI赞助】jQuery编程挑战#010