[发明专利]一种基于WEB界面弹出层的方法

摘要

本发明公开了一种基于WEB界面弹出层的方法，包括WEB弹出层组件封装、WEB弹出层示例界面制作，多种风格样式文件制作。通过上述，本发明提供的基于WEB界面弹出层的方法，提供了多种风格样式和统一调用的WEB弹出层界面，并将系统提示、信息确认、消息提示显示数秒后消失、自定义交互界面等功能进行统一封装，方便开发人员统一组件，使用较少的API实现多种需求功能，提高开发效率且便于维护，避免多种类型组件同时存在，进而减少网页缓冲时间；编写多个风格样式文件，便于快速选择和修改，统一界面风格。

主权项

1.一种基于WEB界面弹出层的方法，其特征在于，包括以下具体步骤：步骤一：使用基于Jquery框架技术$.extend()方法将多种功能封装为一个WEB弹出层组件，并提供API文档组件；步骤二：制作网页，并将步骤一中封装的WEB弹出层组件引入页面中，根据WEB弹出层组件所提供的API文档组件制作出多个按钮，形成WEB弹出层组件示例页面，为开发人员提供文档示例；步骤三：采用Sass语言编写样式文件，并为所述文件制作至少3种风格样式，并选择其中一种风格；步骤四：通过Javascript语言获取封装组件源代码和所选择的风格样式文件，将所选择的样式文件通过工具编译成CSS样式文件；步骤五：将封装的WEB弹出层组件和编译后的风格样式文件上传至服务器；步骤六：对照步骤二所述的示例页面，按照步骤一中提供的API文档组件通过Jquery对按钮进行绑定操作，完成WEB界面弹出层交互体验。