-2

以下のように、Facebookをポップボックスのトップナビゲーションのようにしたいだけです。

http://i.stack.imgur.com/kQqJi.png

問題は、POPBOX2 という名前の別の popbox を btn2 で、POPBOX3 で btn3 などと切り替える方法です。popBox2 とpopBox3のLAYOUTはpopBox1と同じですが、 popBoxの矢印はボタンの下にあります。これを行う方法？私はこのフィドルhttp://jsfiddle.net/FArIZzX77/dNVUj/で私の問題をコピーしました

答えてくれてありがとう:)

4

2 に答える 2

0

基本的に、このように。jQuery document.ready 内にラップされます。

ポップアップボックスを開くボタン

$(document).ready(function(){
    $('#linkid').click(function(){
        $('.popupboxclass').hide();
        $('#popupbox1').show();
    });
    $('#link2id').click(function(){
        $('.popupboxclass').hide();
        $('#popupbox2').show();
    });
    $('#link3id').click(function(){
        $('.popupboxclass').hide();
        $('#popupbox3').show();
    });
});​

CSS:

.yourcontainer{
position:relative;
}

.popupboxclass{
display:none;
position:absolute;
top:50px;
left;50px;
width:200px;
height:200px;
border:1px solid #000;
}

HTML

<div class="yourcontainer">
    <a href="#" id="linkid">Open popup 1</a>
    <a href="#" id="link2id">Open popup 2</a>
    <a href="#" id="link3id">Open popup 3</a>
    <div class="popupboxclass" id="popupbox1">Box 1</div>
    <div class="popupboxclass" id="popupbox2">Box 2</div>
    <div class="popupboxclass" id="popupbox3">Box 3</div>
</div>​

そしてフィドル：http://jsfiddle.net/Sqa2D/1/

ただし、質問する前に試してみてください。ただ座って待って、コミュニティがあなたのためにやってくれると思ってはいけません. これは jQuery でできる最も簡単なことです。

編集 一部を誤解していたので、回答を編集しました。

于 2012-09-26T12:32:27.193 に答える