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

2015-07-11 00:15:05 +08:00
 102516949

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

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

6018 次点击
所在节点    问与答
14 条回复
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
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
@Septembers K8… 好熟悉的名字…
jiaojing
2015-07-11 00:51:03 +08:00
模态框
Tink
2015-07-11 01:30:25 +08:00
那个叫模态框,你也可以现在就加上bootstrap
loading
2015-07-11 06:27:00 +08:00
具体过程就是:
javascriot 获取到点击事件,修改两个div的display属性,另他们显示出来。这这两个div有一个是黑色,有半透明属性,也就是遮盖用的。同时这个黑色div还有一个点击事件,点击后这两个div的display重新设置为none。



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


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



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



最后,祝你前端路走得顺利。
JenJieJu
2015-07-11 07:56:54 +08:00
弹窗?用插件吧,省事。
DT27
2015-07-11 08:52:22 +08:00
单独要弹窗的话,推荐artDialog 4.1.7版 http://demo.jb51.net/js/2011/artDialog/_doc/API.html
Anybfans
2015-07-11 10:27:01 +08:00
这么急局部用bootstrap啊。简单省事。。
Moker
2015-07-11 11:51:56 +08:00
http://www.someant.com/1393
可以参考下 前段时间自己写的
nikoukou
2015-07-11 13:18:20 +08:00
要遮罩效果还可以用jqeury blockui

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/204874

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX