jquery ui dialog實作彈窗特效的思路及程式碼_jquery

 　　今天我們用jquery ui dialog來做一個彈跳窗特效。我們先看下效果截圖：

　　我們可以看到，點擊的時候，彈窗出現，而且這個彈跳窗是居中的，還是可以拖曳的。 。 。實現這一切，只要以下程式碼：

　　我們可以看到，我對pop這個div，實現的方式是讓它不要autoopen，點擊的時候，我只要一句dialog,open就搞定了，借助於jquery ui，我們做彈窗就是這麼簡單。 。 。當然了，大家可以看到，我還有一個插入資料的功能，這個功能，我採用了jquery 的appendto：

　　我先透過變數取得值，接著建了一個html標籤，然後appendTo到table裡，這樣，大家就可以看到資料的插入了，當然，這不是資料庫。 。 。大家記得，借助於juqery ui，一個dialog，我們就能實現拖曳式彈跳窗了。 。 。