使用到JQeury寫的幾個比較好的Popup DialogBox,覺得不錯。和大家分享下。使用它們結(jié)合.net可以實現(xiàn)很好的效果。

1.jqpopup:

是個可以拖拽,縮放并可以在它上面顯示html頁面上任何一個控件組合的控件。可以和后面的主頁面通信。

使用方法:

先調(diào)用這幾個js文件,可以自提供的下載地址下載。在html里面添加一個div:

使用JQuery實現(xiàn)的彈出框,可以在這個彈出框顯示文本,下拉列表等等

同時可以拖動此彈出框,可以通過彈出框右下角的圖標縮放彈出框。。

頁面左下角的圖標點擊后實現(xiàn)彈出框居中顯示。相當強悍的一個控件。

然后通過下面這段腳本來實現(xiàn)效果:

$(document).ready(function() {

$("#open_btn").click(function () {

$("#sampleformdiv").jqpopup_open(this.id);

});

2.popupjquery:

這個控件的效果是比較炫,可以設(shè)置主頁面是否可編輯,然后彈出框是通過一個slade函數(shù)顯示,關(guān)閉彈出框可以通過Esc鍵實現(xiàn)。

a:背景不可操作:

b.背景可操作:

使用方法:

3.jquery-jDialog:

這個控件更厲害,可以再一個html頁面中已彈出框顯示另外一個html頁面,這里有用到flash。

所以效果不錯。

使用方法:

可以設(shè)置的屬性:

js文件和例子代碼下載:

相關(guān)文件下載地址在Linux公社的1號FTP服務(wù)器里，下載地址：

在 2011年LinuxIDC.com\7月\jQuery實現(xiàn)彈出框 效果絕對美觀

總結(jié)

以上是生活随笔為你收集整理的Linux程序实现弹框,jQuery实现弹出框 效果绝对美观的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。