我們可以使用JQuery lightbox插件覆蓋文本和div元素嗎？

我遇到了這個燈箱插件，想到在我的項目中實現它。我有一個在我的應用程序中導出數據的選項。當我點擊導出鏈接時，我想讓燈箱出現一些文本和按鈕，如導出爲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>

來源

2009-08-21 Angeline