当前位置: 首页 > 工具软件 > Facebox > 使用案例 >

jquery 弹出层插件facebox用法

姚洲
2023-12-01

在网上查找了一大堆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="facebox/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这个一定要是写




 类似资料: