论坛首页 Web前端技术论坛

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

浏览 1712 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2015-03-16  

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

挑战要求:

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

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

提交方式:

请查看下方阅读原文

礼品赞助

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

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

如何增加获奖机率?

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

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

论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics