近來做項目,需要使用一個彈出窗口插件,插件要跟隨窗口滾動,在網上找了幾個插件,始終感覺不盡人意,所以萌生了,自己開發一個的想法,通過一天左右的了解,知道了Jquery開發插件的基本思路,並且也寫了幾個簡單的Demo進行練習,Demo暫時就不上傳了,等完成后再上傳!
此開發的基本思路為:生成一組彈出窗口DIV,然后寫入到body,最后顯示出來,如果彈出窗口中顯示的為某個ID或者是Class內的html()的話,可以將此ID或者是Class寫入到生成的DIV元素中,把原來的ID或者Class刪除,在關閉的時候,再將此ID或者是Class寫到body中,將原來生成的DIV或者是其它元素刪除,即可!
經過幾天的修改與調試,第一個Bate版,終於出來了,主要是這是第一次寫這樣的插件,沒有什么經驗,邊寫邊學,邊學邊寫,終於能有點成果了,希望對大家有所幫助!
此彈出窗口,停留在屏幕固定位置,不隨屏幕的滾動面滾動,兼容IE6,測試方式為,打開頁面后,點擊下面的按鈕即可出現彈出窗口!里面帶有源碼一壓縮后的代碼,請在附件中下載
Demo