熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

jquery ui dialog實現彈窗特效的思路及代碼

2013-11-15 12:15:49  來源: JSP教程 
這篇文章介紹了jquery ui dialog實現彈窗特效的思路及代碼有需要的朋友可以參考一下  

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

  jquery ui dialog實現彈窗特效的思路及代碼

  我們可以看到點擊的時候彈窗出現而且這個彈窗是居中的還是可以拖動的實現這一切只要以下代碼

  

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

  

  我先通過變量獲取值接著建了一個html標簽然後appendTo到table裡這樣大家就可以看到數據的插入了當然這不是數據庫大家記得借助於juqery ui一個dialog我們就能實現拖動式彈窗了


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20598.html
  • 上一篇文章:

  • 下一篇文章:
  • 推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.