我遇到了這個燈箱插件,想到在我的項目中實現它。我有一個在我的應用程序中導出數據的選項。當我點擊導出鏈接時,我想讓燈箱出現一些文本和按鈕,如導出爲excel,導出爲文本文件等。我們可以使用JQuery lightbox插件覆蓋文本和div元素嗎?
但是,燈箱插件是否會覆蓋圖像?如果沒有,我怎麼能超過文本和div元素?
這是導出鏈接:
<a class="button" id="export_entries">Export</a>
這是我要出現在收藏夾div元素。
<div id="lightboxContent">
<div class="info">
<h2>Export Options</h2>
<div>How would you like that?</div>
</div>
<div class="stuff">
<p class="center">
<a class="button" title="Excel Document" href="#">Excel(.xls)</a>
<a class="button" title="Tab Delimited" href="#">Text(.txt)</a>
</p>
</div>
編輯1
我嘗試另一個叫facebox燈箱插件,其中有裝載在燈箱中的HTML文件的一個選項。但對我來說,這個html文件是作爲一個新頁面加載的。誰能幫我?
我給下面的代碼:
<script type="text/javascript" src="/FormBuilder/app/webroot/js/jquery.js"></script>
<script type="text/javascript" src="/FormBuilder/app/webroot/js/facebox/facebox.js"></script>
<link type="text/css" rel="Stylesheet" href="/FormBuilder/app/webroot/css/facebox/facebox.css" media="screen,projection" />
<a class="button" rel="facebox" id="export_entries" href="/lightbox.html" >Export</a>
'Expose'很棒!非常感謝這個提示。 – 2009-08-21 10:37:24