segmentfault中的消息提示框是怎么做出来的

Viewed 5077

请输入图片描述

就是提完问题会出现在页面上方的提示框 请问是有js的库吗 如果自己写的话是啥原理啊 重写js里的alert吗?

预先在前段放一个<div id="message"></div>后端操作用户数据,返回一个json文件,内容例如{status: 200, message:"您的问题已被创建,它稍后会出现在问题列表中"},然后前段js获取这个文件,根据status操作div#message的颜色等CSS属性,200就黄色,404就红色之类的,message的内容放到div#message里面去。

3 Answers

多谢啊 好像还挺靠谱的

就是在网页中那个位置加上一个<div>,用css加上点样式。默认是隐藏的,有消息的时候更新里面的文字,并显示出来。

http://www.bootcss.com/p/messenger/ 推荐这个插件,支持ajax。原理就是问题点击提交时,后台操作,完成后返回数据,前台显示这个消息。 上面这个插件可以达到这个效果,也有很多样式可选。

多谢阿 明天就试试