jQuery AeroWindow.js是一個(gè)基于jQuery的插件,它可以創(chuàng)建漂浮窗口。這個(gè)插件的主要作用是可以幫助我們?cè)诰W(wǎng)頁(yè)中創(chuàng)建可拖動(dòng)、可調(diào)整大小和可最小化的浮動(dòng)層。這個(gè)插件是響應(yīng)式的,可以在不同的設(shè)備上面進(jìn)行使用。
JQuery AeroWindow.js主要包括三個(gè)文件。一個(gè)是CSS文件,一個(gè)是jQuery文件,還有一個(gè)是JQuery AeroWindow.js文件。我們需要將這些文件全部引入到網(wǎng)站中。在引入這些文件以后,我們就可以使用jQuery AeroWindow.js來(lái)創(chuàng)建漂浮窗口。
引入文件:
<link rel="stylesheet" type="text/css" href="jquery.aerowindow.css">
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.aerowindow.js"></script>
創(chuàng)建漂浮窗口:
$('.window').aeroWindow({
header: 'My window',
content: 'This is a demo window created using jQuery AeroWindow.js',
minWidth: 200,
minHeight: 200,
width: 400,
height: 300,
resizeable: true,
draggable: true,
minimizable: true
});
在上面的代碼中,我們創(chuàng)建了一個(gè)漂浮窗口。其中,header屬性是設(shè)置窗口的標(biāo)題,content屬性是設(shè)置窗口的內(nèi)容。minWidth和minHeight屬性是設(shè)置窗口的最小寬度和高度,width和height屬性是設(shè)置窗口的寬度和高度。resizeable屬性是設(shè)置窗口是否可以調(diào)整大小,draggable屬性是設(shè)置窗口是否可以拖動(dòng),minimizable屬性是設(shè)置窗口是否可以最小化。
除了以上的屬性,jQuery AeroWindow.js還有許多其他的屬性可以進(jìn)行調(diào)整。這個(gè)插件非常簡(jiǎn)單易用,即使你不是專(zhuān)業(yè)的網(wǎng)站制作人員也可以很容易的使用它。如果你想在你的網(wǎng)站中添加一些彈出層的內(nèi)容,這個(gè)插件值得你擁有。