精品国产一区二区三区四区在线看,亚洲产国偷V产偷V自拍色情,菠萝蜜视频进入通道,丰满女老板被躁BD中字,国产一区二区嫩草影院在线观看,久久精品a亚洲国产v高清不卡,欧洲人与动牲交视频,少妇被粗大的猛烈进出A片久久久

SimpleModal是一個(gè)輕量級(jí)的jQuery插件，它為模態(tài)窗口的開(kāi)發(fā)提供了一個(gè)強(qiáng)有力的接口，可以把它當(dāng)作模態(tài)窗口的框架。simpleModal非常的靈活，可以創(chuàng)建你能夠想象到的東西。并且你還不需要考慮UI開(kāi)發(fā)中跨瀏覽器相關(guān)問(wèn)題。下面蘇州網(wǎng)站制作帶大家一起來(lái)了解下這個(gè)插件。

Eric Martin設(shè)計(jì)了simpleModal插件，并一直在進(jìn)行改善和維護(hù)。

下載地址：http://www/.ericmmartin.com/projects/simplemodal/

simpleModal提供了兩種簡(jiǎn)單方法來(lái)調(diào)用模態(tài)窗口。第一種方法是作為一個(gè)鏈?zhǔn)降膉Query函數(shù)。你可以在一個(gè)用jQuery獲取的元素上調(diào)用modal()函數(shù)，之后用這個(gè)元素的內(nèi)容來(lái)顯示一個(gè)模態(tài)窗口。比如：

<pre>$(“#element”).modal();</pre>

第二種方法是作為單獨(dú)的一個(gè)函數(shù)使用。通過(guò)傳遞一個(gè)jQuery對(duì)象，DOM元素或純文本（可以包含html）來(lái)創(chuàng)建一個(gè)模態(tài)窗口。比如：

<pre>$.modal(“<div><h1>simpleModal</h1></div>”)</pre>

以上兩種方法都可以接受一個(gè)可選參數(shù)，比如：

<pre>$(“#element”).modal({options});</pre>

<pre>$.modal(“<div><h1>simpleModal</h1></div>”,{options})</pre>

因?yàn)閟implemodal不僅僅是一個(gè)模態(tài)窗口框架，以上的兩個(gè)例子只是創(chuàng)建非常基本的沒(méi)有樣式模態(tài)窗口。你也可以通過(guò)外部css，選項(xiàng)對(duì)象或兩個(gè)一起來(lái)應(yīng)用樣式，modal overlay、container和data元素的css選項(xiàng)分別是：overlaycss、containercss和datacss，他們都是鍵值對(duì)（key/value）屬性。SimpleModal為顯示一個(gè)模態(tài)框窗口設(shè)置了必要的css，另外它動(dòng)態(tài)地把模態(tài)窗口置于屏幕中間，除非預(yù)先使用了position參數(shù)。

SimpleModal在內(nèi)部定義了如下css類(lèi)：simplemodal-overlay，simplemodal-container，simplemodal-wrap（如果內(nèi)容比container大，那么它將自動(dòng)設(shè)置overflow為auto）和simplemodal-data。

SimpleModal的closeHTML參數(shù)默認(rèn)聲明一個(gè)用于關(guān)閉模態(tài)窗口的圖片樣式：modalcloseImg，因?yàn)樗欢x在參數(shù)里面，不能通過(guò)參數(shù)來(lái)應(yīng)用樣式，所以一個(gè)外部css定義是必須的。

關(guān)閉模態(tài)窗口，simpleModal自動(dòng)為模態(tài)窗口內(nèi)class是simplemodal-close的元素綁定了關(guān)閉函數(shù)。所以只要在html中添加如下代碼就可以關(guān)閉窗簾：

<pre><button type=’button’ class=’simplemodal-close’>關(guān)閉</button>或者<a href=’#’ class=’simplemodla-close’>關(guān)閉</a></pre>

此外，你也可以通過(guò)調(diào)用$.modal.close()的方式關(guān)閉當(dāng)前打開(kāi)的模態(tài)窗口。

如果你不想使用‘simplemodal-close’作為默認(rèn)的關(guān)閉接口，而是想自己定義，那么你可以修改全局參數(shù)，代碼如下：

<pre>$.modal.defaults.closeClass=”modalClose”;</pre>

以上代碼將會(huì)會(huì)class為“modalCLose”綁定關(guān)閉函數(shù)。

如果要修改多個(gè)默認(rèn)參數(shù)，可以使用如下代碼：

<pre>

$.extend($.modal.defaults,{

closeClass:”modalClose”,

closeHTML:”<a href=’#’>close</a>”

});