本文仅供参考，这里以一个弹出层的jQuery插件制作实例为基础，进行插件制作的说明。
一，首先，制作jQuery插件需要一个闭包
复制代码 代码如下:
这是来自jQuery官方的插件开发规范要求，使用这种编写方式有什么好处呢？
a) 避免全局依赖。
b) 避免第三方破坏。
c) 兼容jQuery操作符’$‘和’jQuery ‘
二，有了闭包，在其中加入插件的骨架
复制代码 代码如下:
在这里dBox是我为这个弹出层插件的命名
三，为dBox建立起属性及其默认值
复制代码 代码如下:
四，既然是弹出窗体，那么要先设计好一个div窗体和遮罩层，在这里我将样式也直接写进去了，在function codes区域中输入如下：
复制代码 代码如下:
在IE6中，z-index对下拉列表不会起作用，所以这里遮罩层中加入id为d_iframebg的iframe作为遮罩层，这样，大体已经制作好了框架。
五，现在我们考虑要实现什么功能了
首先，如何出现弹出窗体，一般都是点击，这里仍然使用点击事件
复制代码 代码如下:
最后一个return false可以去掉浏览器默认的点击事件，如在一个a标记上绑定点击事件，将不会造成默认的跳转效果
在这个点击事件中，先将dBox的框架载入了页面，然后判断内容的加载方式，分别处理，最后有三个事件
1，addCSS()此事件处理遮罩层大小，弹出层的位置
2，drag()此事件处理弹出层的拖曳
3，dBoxRemove()此事件处理弹出层的关闭
有了这三个事件，整个插件就基本完成了
六，这里贴出如上三个事件的代码
1，addCSS()：
复制代码 代码如下:
在这个addCSS中，还有两个功能需要实现，以下代码：
复制代码 代码如下:
2，drag()：
复制代码 代码如下:
3，dBoxRemove()：
复制代码 代码如下:
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/187011.html