網站:http://www.jacklmoore.com/colorbox/
目前只是用來做網頁覆蓋
在網頁中加上
$.colorbox({href:"memo.html"});
就能在原本網頁上 蓋上memo的網頁內容
不只這麼陽春 還可以再加入一些參數 變得更客製化
例如:
$.colorbox({href:"${includePage}", height:"90%",width:"50%",opacity:0.7,closeButton:true })
${includePage} ←←是由下面set好
<s:set name="includePage" > http://i-memo.blogspot.tw </s:set>
opacity←←底的透明度
closeButton:true ←←要不要closeButton
如果想要在網頁一load時就能有效果:<script type="text/javascript"> $(document).ready(function(){ setTimeout(function() { $.colorbox({href:"${includePage}", height:"90%",width:"50%",opacity:0.7,closeButton:true }); }); }); </script>
如果不想讓使用者關掉:<script type="text/javascript"> $(document).ready(function(){ setTimeout(function() { $.colorbox({href:"${includePage}", height:"90%",width:"50%",opacity:0.7 , escKey:false, overlayClose:false,onLoad: function() { $('#cboxClose').remove(); }}); }); }); </script>
其他網頁上有更詳細的介紹