本文主要是介绍【AmazeUI赞助】jQuery编程挑战#010：生成页面顶端的滑动弹出式提示框效果，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
参加编程小挑战，赢取超时尚且超时用卫衣！
参考给定的HTML，使用jQuery和相关CSS生成页面顶端滑动错误提示效果，具体效果如下：
点击页面中的按钮“系统提示” ，生成一个背景色为#efb73e的页面顶端居中“错误提示框”（贴近页面顶端），宽度为页面宽度的80%，高度为35px，出现效果为整体向下滑动出现，点击“错误提示框”中的关闭元素（id=“close” 元素），自动向上滑动关闭页面顶端的“错误提示效果”（效果为整体向上滑动消失），参考如下UI设计图形
提交方式：
请查看下方阅读原文
礼品赞助
本期三份挑战礼品（超厚卫衣）来自云适配amazeUI - 中国首个开源 HTML5 跨屏前端框架 ， 鼎力赞助！
amazeUI 中国首个开源 HTML5 跨屏前端框架
如何增加获奖机率？
- 最快完成奖一名： 最快保存递交代码
- 最佳讲解奖一名： 代码录制过程及其气泡讲解详细认真
- 最佳人气奖一名： 点赞（点+）的人最多
原文来自：【AmazeUI赞助】jQuery编程挑战#010
这篇关于【AmazeUI赞助】jQuery编程挑战#010：生成页面顶端的滑动弹出式提示框效果的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
