0

ログインボタンをクリックすると、このようなものが欲しいということを知りたい簡単なプロジェクトに取り組んでいます ここに画像の説明を入力

そして、div以外の場所をクリックすると、divが消えるはずですが、どうすればそのようなことができるか教えてもらえますか? 下手な英語で申し訳ありません。問題が明確になることを願っています。

<htm>
    <head> </head>
    <body>
          <div> </div>
    </body>

</html>
4

3 に答える 3

1

を使用して簡単に実行できますCSS。

div にクラスを追加する

<div class="someDiv"></div>

CSS

.someDiv{
    width:400px;
    height:400px;
    z-index:1000;
    background:yellow;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-150px; 
    margin-left:-150px; 
    display:none;
}

Jquery: 表示する

$(".someDiv").show()

ログインボタンのクリックで

$("#login").click(function () {
     $(".someDiv").show();
});

デモ: http://jsfiddle.net/9umYd/およびhttp://jsfiddle.net/9umYd/1/

于 2013-07-18T15:14:13.720 に答える
0

デモ: http://jsfiddle.net/steven10172/u5E8z/

ページの中央に完全に配置する CSS:

.someDiv{
    width: 500px;
    height: 500px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    margin: auto;
    background: yellow;
    display: none;
    z-index: 100000;
}

表示する JavaScript:

$(".someDiv").show()

HTML:

<div class="someDiv">
    Above
    <p>Paragraph</p>
    Below
</div>
于 2013-07-18T15:22:09.607 に答える