1. 程式人生 > >jquery 彈出層外掛facebox用法

jquery 彈出層外掛facebox用法

在網上查找了一大堆jquery 彈出視窗的外掛,用法的時候要注意路徑問題現在就由小弟來介紹下具體怎麼用, 高手勿噴!

在網上下載一個facebox

取出facebox.js 和facebox.css和你們的image資料夾

在JSP檔案中

<script src="js/jquery.js" type="text/javascript"></script>
    <link href="facebox/facebox.css" _fcksavedurl="/facebox/facebox.css" media="screen" rel="stylesheet" type="text/css"/>
    <script src="f

acebox/facebox.js" type="text/javascript"></script>

<script type="text/javascript">
        jQuery(document).ready(function($){
        //超連結的rel屬性是否具有facebox
          $('a[rel*=facebox]').facebox()
        })

</script>

匯入css和js的時候要注意路徑問題

然後把你要彈出的頁面用

<a href="../ServletDoUpdateConfig?id=${user.userId}" rel="facebox

" >檢視</a></div></td>

關鍵是rel這個一定要是寫