ページのarticle部分のみをLightboxで表示します。

BoxerというLightboxライブラリを使いました。
IEとshift_jisのゴールデンコンビだとIE上で文字化けします。
CSSは親側の指定が必要です。

JSを読み込みます

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="boxer/jquery.fs.boxer.js"></script>
<link rel="stylesheet" href="boxer/jquery.fs.boxer.css" type="text/css" media="all" />

JavaScriptと読み込むページのWindosサイズを指定

<script>
$(document).ready(function() {
$(".boxer.boxerobj").click(function(e) {
$obj = $("<div class=\"window\" />").load("http://codingmania.net/introduction article[id=area_primary]");
$.boxer($obj);
return false;
});
});
</script>
<!--↓読み込むページのスタイルを記述-->
<style>
.window{width:720px; height:300px; overflow:hidden; overflow-y:scroll;}
</style>

HTMl

<p><a class="boxer boxerobj" href="#">クリック!</a></p>