新人刚接触前端，话说那种点击一个按钮，然后浏览器中间出现一个小窗口是怎么做的。

This topic created in 4138 days ago, the information mentioned may be changed or developed.

课程设计，要做一个简易的论坛。前后端都要自己做，才给一周不到的时间你懂的。。。

我想用如题描述的功能来做一个发帖的窗口。其实我也不知道该如何描述，所以搜索资料也格外费劲，大家给个方向让我去google吧，话说周二就要交了，后端还完全没写，挺急的

窗口

描述

前端

14 replies • 2015-07-11 13:18:20 +08:00

little_cup

Jul 11, 2015

我想你需要的是 Bootstrap

102516949

Jul 11, 2015

@little_cup 前几天头脑一热，用了新出的MDL，想出（ZUO）风(DA)头(SI)的现在改已经来不及了。前端就差这个没做了。后端准备上django了。

qige023

Jul 11, 2015

我想你需要的是 Bootstrap

Septembers

Jul 11, 2015 via Android

http://qqhack8.blog.163.com/blog/static/114147985201231410452366
吧注入修了在上面套个 Bootstrap
。。。

feiyuanqiu

Jul 11, 2015

modal

abelyao

Jul 11, 2015 via iPhone

@Septembers K8… 好熟悉的名字…

jiaojing

Jul 11, 2015

模态框

Tink

Jul 11, 2015 via iPhone

那个叫模态框，你也可以现在就加上bootstrap

loading

Jul 11, 2015 via Android

具体过程就是:
javascriot 获取到点击事件，修改两个div的display属性，另他们显示出来。这这两个div有一个是黑色，有半透明属性，也就是遮盖用的。同时这个黑色div还有一个点击事件，点击后这两个div的display重新设置为none。

进一步加上就是，优化css，加入动画，改善外观。
优化js，加入变量传递(你会看到bootstrap或者别的，会在被点击的元素里有个特殊用途的地方，bootstrap 用的是href的内容)这样你的js就能通用，在一个页面里很轻松就加入多个这样效果的按钮了。

其他慢慢体会，自己写完再看别人的代码。
jquery 有对应的插件。看bootstrap也性，不过可能你不好找！

楼主可以看看 bootstrap 教程，里面有前段开发用到的一些基本东西，大概有个了解，自己实现一下。

最后，祝你前端路走得顺利。