jQuery自定義彈窗動(dòng)畫(huà)插件

jQuery基于animate.css動(dòng)畫(huà)庫(kù)，實(shí)現(xiàn)多種彈窗方式。支持確認(rèn)彈窗、消息彈窗、消息提示、模態(tài)彈窗等功能插件。可自定義對(duì)應(yīng)彈出框代碼。

使用方法：

syalert.js 使用插件請(qǐng)參考index.html 里面的例子，插件依賴(lài)jquery,animate.css

html 不會(huì)自動(dòng)創(chuàng)建，請(qǐng)將上面彈窗HTML結(jié)構(gòu)搬到自己網(wǎng)頁(yè)

具體使用方法：

打開(kāi)彈窗 syalert.syopen(id)

關(guān)閉彈窗 syalert.syhide(id)

其中id為彈窗自定義的ID

關(guān)于動(dòng)畫(huà)請(qǐng)直接在html上定義

進(jìn)入動(dòng)畫(huà)定義：sy-enter="zoomIn"

離開(kāi)動(dòng)畫(huà) sy-leave="zoomOut"

其中 zoomIn和zoomOut是 animate.css里面的動(dòng)畫(huà)名稱(chēng)?？梢詫?dòng)畫(huà)名稱(chēng)更改為animate.css里面的動(dòng)畫(huà)名稱(chēng)，動(dòng)畫(huà)就變了哦。

使用聲明

1. 本站所有素材（未指定商用），僅限學(xué)習(xí)交流。
2. 會(huì)員在本站下載的原創(chuàng)商用和VIP素材后，只擁有使用權(quán)，著作權(quán)歸原作者及17素材網(wǎng)所有。
3. 原創(chuàng)商用和VIP素材，未經(jīng)合法授權(quán)，請(qǐng)勿用于商業(yè)用途，會(huì)員不得以任何形式發(fā)布、傳播、復(fù)制、轉(zhuǎn)售該素材，否則一律封號(hào)處理。
4. 本平臺(tái)織夢(mèng)模板僅展示和個(gè)人非盈利用途，織夢(mèng)系統(tǒng)商業(yè)用途請(qǐng)預(yù)先授權(quán)。

查看演示下載資源

526 10718 33