RunJS - 在线编辑、展示、分享、交流你的 JavaScript 代码

发现一个很好玩，很强大的网站

RunJS - 在线编辑、展示、分享、交流你的 JavaScript 代码 http://runjs.cn/

比如：

http://runjs.cn/detail/lp6rqcsr

或者：

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <title>登录</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content=“">    
  </head>
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <link class="bootstrap library" rel="stylesheet" type="text/css" href="http://sandbox.runjs.cn/js/sandbox/bootstrap-2.2.0/css/bootstrap.min.css">
    <script class="bootstrap library" src="http://sandbox.runjs.cn/js/sandbox/jquery/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script class="bootstrap library" src="http://sandbox.runjs.cn/js/sandbox/bootstrap-2.2.0/js/bootstrap.min.js" type="text/javascript"></script>
  </head>
  <body>
    <div class="container">
            <section class="loginBox row-fluid">
                    <div class="tabbable" id="tabs-634549">
                        <ul class="nav nav-tabs">
                            <li>
                                <a href="#panel-60560" data-toggle="tab">帐号登录</a>
                            </li>
                            <li class="active">
                                <a href="#panel-549981" data-toggle="tab">二维码登录</a>
                            </li>
                        </ul>
                        <div class="tab-content">
                            <div class="tab-pane" id="panel-60560">
                            
                            </div>
                            <div class="tab-pane active" id="panel-549981">
                                <DIV><input type="text" name="username" placeholder="用户名"/></DIV>
                                <DIV>
                                    <input type="text" name="password" placeholder="密码"/>
                                </DIV>
                                 <DIV class="span6"><label><input type="checkbox" name="rememberme" />下次自动登录</label></DIV>
                                    <DIV class="span1"><input type="button" value=" 登录 " class="btn btn-primary"></DIV>
                            </div>
                        </div>
                    </div>
        </section><!-- /loginBox -->
    </div> <!-- /container -->
  </body>
</html>

*{margin:0;padding: 0;}
      body{background: #444 url(http://sandbox.runjs.cn/uploads/rs/418/nkls38xx/carbon_fibre_big.png)}
      .loginBox{width:420px;height:230px;padding:0 20px;border:1px solid #fff; color:#000; margin-top:40px; border-radius:8px;background: white;box-shadow:0 0 15px #222; background: -moz-linear-gradient(top, #fff, #efefef 8%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f4f4f4));font:11px/1.5em 'Microsoft YaHei' ;position: absolute;left:50%;top:50%;margin-left:-210px;margin-top:-115px;}
      .loginBox h2{height:45px;font-size:20px;font-weight:normal;}
      .loginBox .left{border-right:1px solid #ccc;height:100%;padding-right: 20px; }

posted on 2015-11-05 11:44 星空守望者--jkmiao 阅读(2644) 评论(0) 编辑收藏举报