炫酷的jQuery對話方塊插gDialog

2021-10-07 19:31:46 字數 2387 閱讀 7113

js有alert,prompt和confirm對話方塊,不過不是很美體驗也不是很好,用jquery也能實現,

體驗效果:

**如下:

>炫酷的jquery對話方塊外掛程式 gdialog - 何問起

title

><

base

target

="_blank"

/>

<

link

href

="css/normalize.css"

rel="stylesheet"

type

="text/css"

>

<

link

rel="stylesheet"

href

="css/animate.min.css"

>

<

link

rel="stylesheet"

href

="css/jquery.gdialog.css"

>

<

style

>

button

.container

.btn

astyle

>

head

>

<

body

>

<

div

style

="width:310px;margin:0px auto;"

>

<

a href

="">首頁

a>

<

a href

="texiao/"

>特效

a>

<

a href

="h/bjaf/4132lshc.htm"

>原文

a>

div>

<

div

class

="container"

>

<

h1>jquery gdialog plugin exampels

h1>

<

button

class

="btn demo-1"

>alert對話方塊

button

>

<

button

class

="btn demo-2"

>prompt對話方塊

button

>

<

button

class

="btn demo-3"

>prompt對話方塊

button

>

div>

<

script

src="ziyuan/jquery/jquery-2.2.1.min.js"

>

script

>

<

script

src="js/jquery.gdialog.js"

>

script

>

<

script

>$('

.demo-1

').click(

function

() );

});$(

'.demo-2

').click(

function

() );

});$(

'.demo-3

').click(

function

() );

});script

>

body

>

html

>

js題目:tiku/bjaf/k44bgls5.htm

web前端彙總:

Jquery對話方塊基本配置

createdialog autoopen 初始化之後,是否立即顯示對話方塊,預設為 true modal 是否模式對話方塊,預設為 false closeonescape 當使用者按 esc 鍵之後,是否應該關閉對話方塊,預設為 true draggable 是否允許拖動,預設為 true res...

jquery 仿模態對話方塊外掛程式

jquery 仿模態對話方塊外掛程式 jquery.modalbox 是乙個輕量級的對話方塊外掛程式,支援模態,url 載入,拖動.因為專案上的需求,而在網上尋找很久後,找到 weebox 好像符合要求,用後發現每次彈出視窗 ie 記憶體狂增 4m以上 在關閉後卻不會釋放,無奈只能放棄.最終產生了這...

jQuery學習筆記 彈出對話方塊

引用jquery庫檔案的 document ready function 其中的引用庫檔案的標籤要放在後面自定義的標籤的前面,不然不能實現彈出對話方塊的效果 等待頁面載入完畢 document ready function 點選的時候執行的方法,其中的.hdw是class的名字 document r...