Colorbox - a jQuery lightbox

http://www.jacklmoore.com/colorbox/
http://www.jacklmoore.com/colorbox/example5/

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

<script type="text/javascript" charset="utf-8"> $(document).ready(function() { /* Automatically resize to content */ var y = $(document.body).height(); var x = $(document).width(); parent.$.colorbox.resize({innerWidth:x, innerHeight:y});   $("#button_cancel").click(function() { parent.$.colorbox.close();//注：塗聚文 return false; }) });     </script>    <button id="button_cancel" type="button">cancel</button>

 

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

<script language="javascript" type="text/javascript">                $(document).ready(function(){                       $(".iframe").colorbox({iframe:true, width:"80%", height:"80%"});             $(".iframe").colorbox({                         onOpen:function(){ alert('onOpen: colorbox is about to open'); },                     onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },                     onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },                     onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); }                     onClosed:function(){ alert('關閉窗口'); window.location='Index.aspx';} //關閉時的狀態//注：塗聚文                     });                           $(".callbacks").colorbox({                     onOpen:function(){ alert('onOpen: colorbox is about to open'); },                     onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },                     onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },                     onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },                     onClosed:function(){ alert('onClosed: colorbox has completely closed'); } //關閉時的狀態                 });               $("#click").click(function(){                     $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");                     return false;             });             });             </script>