スマートポップアップ


Warning: WP_Syntax::substituteToken(): Argument #1 ($match) must be passed by reference, value given in /home/webstyle/php-fan.org/public_html/wp-content/plugins/wp-syntax/wp-syntax.php on line 383

Warning: WP_Syntax::substituteToken(): Argument #1 ($match) must be passed by reference, value given in /home/webstyle/php-fan.org/public_html/wp-content/plugins/wp-syntax/wp-syntax.php on line 383

簡単にそしてスマートなポップアップを探していたら、結構良さそうな物が見つかりました。
こんな感じ!!

これjqueryなんですが設定は簡単!!


スポンサーリンク

デモサイト

1
2
3
4
5
6
7
8
<link href="pop.css" media="all" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script language="javascript" src="js/jquery.pop.js" type="text/javascript"></script>
    <script type='text/javascript'>
      $(document).ready(function(){
        $.pop();
      });
    </script>

必要なjsとcssを読み込んで、各自スタイルシートは設定して下さい。

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

このようにするだけです!!
かんた~~ん!!

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です