不管是做網站還是一些應用系統,都免不了要用到一些彈出的效果,在ZJ-BLOG V1.0 Beta2版本我在一些功能使用了網絡上比較流行的仿XP關機效果的彈出功能,按目前的反應來說還是效果不錯的,下面將此功能整一下兒,如果有需要大家可以直接使用到自己的網站或是應用系統中去。
不在詳細的說明代碼了,帖出代碼之前需要說明一點兒的是IE環境下,由於下拉框(select元素)優先級太高了,彈出的div元素無法蓋住下拉框元素,很煩人的一個IE的BUG(個人認為是BUG ^o^),我使用的方法是在彈出時隱藏掉頁面中全部的select元素,而關系窗口時讓其再顯示出來。呵呵,方法比較笨,但實在想不出來更好的辦法了。。。 這裡帖出兩種效果,第一種是彈出時頁面背景直接變為半透明,而第二種則對XP關機效果仿得更像一點兒,即背景是有一個逐漸變為半透明的過程,大家可以留心觀察兩種效果的區別,兩種效果全部通過了IE6和firefox的測試。
第一種:
點擊下面的運行,可預覽代碼效果
代碼如下: