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

jquery ui dialog實現彈窗特效

2022-06-13   來源: JSP教程 

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

jquery ui dialog實現彈窗特效

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

width=244

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

width=402

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


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/19946.html
    推薦文章
    Copyright © 2005-2022 電腦知識網 Computer Knowledge   All rights reserved.