原創彈出層Jquery插件

dengjianbin 11年前發布 | 34K 次閱讀彈出層 jQuery對話框插件 jQuery插件

此Jquery插件可支持以下功能
1、觸發響應事件

2、設置彈出層的標題

3、設置彈出層類型(text、容器ID、URL、Iframe)

4、彈出層的內容獲取(text文本、容器ID名稱、URL地址、Iframe的地址)

5、彈出層的寬度

6、彈出層的高度

7、層滑動的高度也就是彈出層時離頂部滑動的距離

8、是否自動彈出

9、設置彈出層時間，前提是isAuto=true

10、是否自動關閉

11、設置自動關閉時間，前提是isClose=true

使用代碼如下：

<script type="text/javascript">
$(function (){
    $("#test").manhuaDialog({                          
        Event : "click",//觸發響應事件
        title : "漫畫彈出層插件測試",//彈出層的標題
        type : "id",//彈出層類型(text、容器ID、URL、Iframe)
        content : "detail",//彈出層的內容獲取(text文本、容器ID名稱、URL地址、Iframe的地址)
        width : 500,//彈出層的寬度
        height : 300,//彈出層的高度   
        scrollTop : 200,//層滑動的高度也就是彈出層時離頂部滑動的距離
        isAuto : false,//是否自動彈出
        time : 2000,//設置彈出層時間，前提是isAuto=true
        isClose : false,//是否自動關閉        
        timeOut : 5000//設置自動關閉時間，前提是isClose=true    
    });
});
</script>

效果如下：