This is a demonstration of jQuery SimpleDialog.
http://www.ntticc.or.jp/Exhibition/2012/Internet_Art_Future/index_j.html
<div id="dialog_content" style="display:none;"> <h3>DEMO</h3> <p>This is a demonstration of jQuery SimpleDialog.</p> </div> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="js/jquery.pngFix.js"></script> <link href="js/jquery.simpledialog.0.1.css" type="text/css" rel="stylesheet" /> <script src="js/jquery.simpledialog.0.1.pack.js"></script> <script src="js/jquery.ui.core.js"></script> <script src="js/jquery.ui.widget.js"></script> <script src="js/jquery.ui.mouse.js"></script> <script src="js/jquery.ui.draggable.js"></script> <script type="text/javascript"> $(document).ready(function () { var h = Math.max.apply(null, [document.body.clientHeight, document.body.scrollHeight, document.documentElement.scrollHeight, document.documentElement.clientHeight]); $('#Container').css('height', (h - 188) + 'px'); $(document).pngFix(); $('a.popup').click(function () { window.open($(this).attr('href'), 'a', 'width=600,height=600,scrollbars=yes'); return false; }); $("#overstrew li").draggable({ stack: '#overstrew li' }); //$( "#overstrew li" ).draggable(); $('a').each(function () { if ($(this).attr('target') == '_blank') $(this).addClass('out'); }); }); </script>