Jquery 弹出窗口插件开发-在屏幕固定位置停留[原创]
近来做项目,需要使用一个弹出窗口插件,插件要跟随窗口滚动,在网上找了几个插件,始终感觉不尽人意,所以萌生了,自己开发一个的想法,通过一天左右的了解,知道了Jquery开发插件的基本思路,并且也写了几个简单的Demo进行练习,Demo暂时就不上传了,等完成后再上传!
此开发的基本思路为:生成一组弹出窗口DIV,然后写入到body,最后显示出来,如果弹出窗口中显示的为某个ID或者是Class内的html()的话,可以将此ID或者是Class写入到生成的DIV元素中,把原来的ID或者Class删除,在关闭的时候,再将此ID或者是Class写到body中,将原来生成的DIV或者是其它元素删除,即可!
经过几天的修改与调试,第一个Bate版,终于出来了,主要是这是第一次写这样的插件,没有什么经验,边写边学,边学边写,终于能有点成果了,希望对大家有所帮助!
此弹出窗口,停留在屏幕固定位置,不随屏幕的滚动面滚动,兼容IE6,测试方式为,打开页面后,点击下面的按钮即可出现弹出窗口!里面带有源码一压缩后的代码,请在附件中下载
Demo
作者:码农豆豆 微信公众号: 出处:http://www.cnblogs.com/fly_binbin/ 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。 如果文中有什么错误,欢迎指出。以免更多的人被误导。 |