V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
102516949
V2EX  ›  问与答

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

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

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

    我想用如题描述的功能来做一个发帖的窗口。其实我也不知道该如何描述,所以搜索资料也格外费劲,大家给个方向让我去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  
       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   ·   我们的愿景   ·   实用小工具   ·   4511 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 10:07 · PVG 18:07 · LAX 03:07 · JFK 06:07
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.