スマートポップアップ

1
2
3
4
5
6
7
8

<link href="pop.css" media="all" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="ｊs/jquery.js"></script>
<script language="javascript" src="js/jquery.pop.js" type="text/javascript"></script>
    <script type='text/javascript'>
      $(document).ready(function(){
        $.pop();
      });
    </script>

<link href="pop.css" media="all" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="ｊs/jquery.js"></script> <script language="javascript" src="js/jquery.pop.js" type="text/javascript"></script> <script type='text/javascript'> $(document).ready(function(){ $.pop(); }); </script>

1
2
3
4
5
6

<div class="menu">
サンプル  <div class="pop">
<p>ここは非表示エリアクリックするとここが表示されます</p>
<p>テキストテキストテキストテキストテキスト</p>
</div>
</div>

<div class="menu"> サンプル <div class="pop"> <p>ここは非表示エリアクリックするとここが表示されます</p> <p>テキストテキストテキストテキストテキスト</p> </div> </div>