Stéphane Caronより、jQueryで作るポップアップウィンドウ「prettyPopin.js」の紹介です。
設置方法は、「prettyPopin.js」をダウンロードして、head要素に<script src="js/jquery.prettyPopin.js" type="text/javascript" charset="utf-8"></script>のように設置し、ポップアップにしたい対象のオブジェトにrel属性を使用して、rel="prettyPopin"のように設置するだけです。
サンプルHTML
<script src="js/jquery.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="css/prettyPopin.css" type="text/css" media="screen" charset="utf-8" />
<script src="js/jquery.prettyPopin.js" type="text/javascript" charset="utf-8"></script>
サンプルHTML
<a href="ajax/regular.html" rel="prettyPopin">Regular content</a>
コメントする