zoukankan      html  css  js  c++  java
  • 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/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
    如果文中有什么错误,欢迎指出。以免更多的人被误导。
  • 相关阅读:
    Spring学习(二) AOP 面向切面编程之概念(一)
    Spring学习(一) IOC容器学习
    多线程和同步分别有几种实现方法?
    如何理解"=="和equals方法
    &和&&的区别
    关于静态方法和非静态方法之间的调用
    缘来了,来园了
    Java设计模式-代理模式
    JavaBitSet学习
    kafka安装
  • 原文地址:https://www.cnblogs.com/fly_binbin/p/2300221.html
Copyright © 2011-2022 走看看