jQuery Boxy 是一個輕量級的 jQuery 插件,它可以幫助您輕松創建彈出窗口、模態框和警告框。如果您正在尋找一種簡單、易于使用和高度可定制的解決方案來實現對話框和彈出窗口,那么 jQuery Boxy 絕對是一個不錯的選擇。
如果您正在尋找一種快速入門 jQuery Boxy 的方式,那么您可以嘗試以下下載代碼:
// 在您的 HTML 文件中引入 jQuery 和 jQuery Boxy <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://github.com/zenorocha/jquery-boxy/raw/master/javascripts/jquery.boxy.min.js"></script> // 創建一個簡單的彈出窗口 $('a#simple').click(function(){ $('<div><p>這是一個簡單的彈出窗口。</p></div>').modal(); return false; }); // 創建一個帶標題的彈出窗口 $('a#with-title').click(function(){ $('<div><h1>這是一個帶標題的彈出窗口</h1><p>這是一個有標題的彈出窗口。</p></div>').modal({title: "彈出窗口標題"}); return false; });
您可以通過上面的代碼創建兩種不同的彈出窗口。第一個是一個簡單的彈出窗口,沒有標題。第二個是帶有標題的彈出窗口。
總之,通過使用 jQuery Boxy,您可以輕松創建彈出窗口和模態窗口,無論是簡單的還是具有更復雜功能的。使用它是簡單又便捷,這使得使用該插件變成一個絕佳的選擇。