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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3417 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

窗口

描述

前端

14 条回复 • 2015-07-11 13:18:20 +08:00

little_cup

2015-07-11 00:17:06 +08:00

我想你需要的是 Bootstrap

102516949

2015-07-11 00:21:04 +08:00

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

qige023

2015-07-11 00:21:04 +08:00

我想你需要的是 Bootstrap

Septembers

2015-07-11 00:24:17 +08:00 via Android

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

feiyuanqiu

2015-07-11 00:28:22 +08:00

modal

abelyao

2015-07-11 00:49:15 +08:00 via iPhone

@Septembers K8… 好熟悉的名字…

jiaojing

2015-07-11 00:51:03 +08:00

模态框

Tink

2015-07-11 01:30:25 +08:00 via iPhone

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

loading

2015-07-11 06:27:00 +08:00 via Android

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

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

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

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

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