新人刚接触前端,话说那种点击一个按钮,然后浏览器中间出现一个小窗口是怎么做的。 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
102516949
V2EX    问与答

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

  •  
  •   102516949 2015-07-11 00:15:05 +08:00 6405 次点击
    这是一个创建于 3751 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    14 条回复    2015-07-11 13:18:20 +08:00
    little_cup
        1
    little_cup  
       2015-07-11 00:17:06 +08:00   1
    我想你需要的是 Bootstrap
    102516949
        2
    102516949  
    OP
       2015-07-11 00:21:04 +08:00
    @little_cup 前几天头脑一热,用了新出的MDL,想出(ZUO)风(DA)头(SI)的现在改已经来不及了。前端就差这个没做了。后端准备上django了。
    qige023
        3
    qige023  
       2015-07-11 00:21:04 +08:00
    我想你需要的是 Bootstrap
    Septembers
        4
    Septembers  
       2015-07-11 00:24:17 +08:00 via Android   1
    http://qqhack8.blog.163.com/blog/static/114147985201231410452366
    吧注入修了 在上面套个 Bootstrap
    。。。
    feiyuanqiu
        5
    feiyuanqiu  
       2015-07-11 00:28:22 +08:00   1
    modal
    abelyao
        6
    abelyao  
       2015-07-11 00:49:15 +08:00 via iPhone
    @Septembers K8… 好熟悉的名字…
    jiaojing
        7
    jiaojing  
       2015-07-11 00:51:03 +08:00   1
    模态框
    Tink
        8
    Tink  
    PRO
       2015-07-11 01:30:25 +08:00 via iPhone   1
    那个叫模态框,你也可以现在就加上bootstrap
    loading
        9
    loading  
       2015-07-11 06:27:00 +08:00 via Android   1
    具体过程就是:
    javascriot 获取到点击事件,修改两个div的display属性,另他们显示出来。这这两个div有一个是黑色,有半透明属性,也就是遮盖用的。同时这个黑色div还有一个点击事件,点击后这两个div的display重新设置为none。



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


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



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



    最后,祝你前端路走得顺利。
    JenJieJu
        10
    JenJieJu  
       2015-07-11 07:56:54 +08:00 via Android
    弹窗?用插件吧,省事。
    DT27
        11
    DT27  
       2015-07-11 08:52:22 +08:00   1
    单独要弹窗的话,推荐artDialog 4.1.7版 http://demo.jb51.net/js/2011/artDialog/_doc/API.html
    Anybfans
        12
    Anybfans  
       2015-07-11 10:27:01 +08:00 via Android
    这么急局部用bootstrap啊。简单省事。。
    Moker
        13
    Moker  
       2015-07-11 11:51:56 +08:00 via Android
    http://www.someant.com/1393
    可以参考下 前段时间自己写的
    nikoukou
        14
    nikoukou  
       2015-07-11 13:18:20 +08:00
    要遮罩效果还可以用jqeury blockui
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     892 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 20:13 PVG 04:13 LAX 13:13 JFK 16:13
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86