一种美化下拉选框的生成方法及装置制造方法及图纸

本发明专利技术提供了一种美化下拉选框的生成方法及装置，应用于网页前端设计领域，包括：搭建页面布局层叠样式表CSS；在页面布局CSS的基础上，通过超文本标记语言HTML建立层结构；在层结构中，生成美化选择结果显示层及美化下拉图标按钮；获取HTML文档对象模型DOM中对象的事件触发器及事件触发器对应的触发函数；在层结构中，将触发函数与第一列表点击事件相互映射，生成美化下拉选项列表，其中，第一列表点击事件为美化下拉列表中与事件触发器相对应的列表点击事件。本发明专利技术将触发函数与列表点击事件相互映射，不需要修改前端编码，能够直接修改触发函数，可移植性较好，方便程序员后期的开发。

【技术实现步骤摘要】

本专利技术涉及网页前端设计领域，特别涉及一种美化下拉选框的生成方法及装置。
技术介绍
当今社会，信息产业飞速发展，网络已经成为人们生活不可缺少的一部分。网络最大的优势就是可以向人们传递各种信息，而这种信息的传递大部分是通过网页完成的。网页是企业向用户提供信息(包括产品和服务)的一种方式，也是企业无形资产的重要组成部分，是宣传和反应企业形象和文化的重要窗口。网页要能充分吸引访问者的注意力，让访问者产生视觉上的愉悦感。下拉选框在网页的多元化展示中经常被使用，但由于目前浏览器市场核心各异，下拉选框所呈现的效果也各不相同，使用其他元素构造一个功能相仿并足以赏心悦目的下拉选框是很多网站的首要选择，但是在现有技术中不同的模块用到的美化下拉选框绑定着不同的数据请求及显示效果，美化下拉选项列表的列表点击事件已经同这些数据请求及显示效果的前端编码绑定(前端编码至少包括：事件触发器)，因为前端编码不便于修改，造成现有技术可移植性较差，不利于程序员后期的开发。
技术实现思路
本专利技术实施例的目的在于提供一种美化下拉选框的生成方法及装置，通过将触发函数与列表点击事件相互映射，不需要修改前端编码，能够直接修改本文档来自技高网...

【技术保护点】
一种美化下拉选框的生成方法，其特征在于，包括：搭建页面布局层叠样式表CSS；在所述页面布局CSS的基础上，通过超文本标记语言HTML建立层结构；在所述层结构中，生成美化选择结果显示层及美化下拉图标按钮；获取所述HTML文档对象模型DOM中对象的事件触发器及所述事件触发器对应的触发函数，其中，所述事件触发器包括：fireEvent事件或initEvent事件，所述触发函数用于触发所述事件触发器；在所述层结构中，将所述触发函数与第一列表点击事件相互映射，生成美化下拉选项列表，其中，所述第一列表点击事件为所述美化下拉列表中与所述事件触发器相对应的列表点击事件。

【技术特征摘要】
1.一种美化下拉选框的生成方法，其特征在于，包括：搭建页面布局层叠样式表CSS；在所述页面布局CSS的基础上，通过超文本标记语言HTML建立层结构；在所述层结构中，生成美化选择结果显示层及美化下拉图标按钮；获取所述HTML文档对象模型DOM中对象的事件触发器及所述事件触发器对应的触发函数，其中，所述事件触发器包括：fireEvent事件或initEvent事件，所述触发函数用于触发所述事件触发器；在所述层结构中，将所述触发函数与第一列表点击事件相互映射，生成美化下拉选项列表，其中，所述第一列表点击事件为所述美化下拉列表中与所述事件触发器相对应的列表点击事件。2.根据权利要求1所述的方法，其特征在于，在所述层结构中，将所述触发函数与第一列表点击事件相互映射，生成美化下拉选项列表之后，所述方法还包括：在重复调用美化下拉选框时，执行对所述美化下拉选项列表的条目复制未美化下拉选项列表的条目，并重新生成所述美化下拉选框的绑定时间。3.根据权利要求1所述的方法，其特征在于，所述获取所述HTML文档对象模型DOM中对象的事件触发器及所述事件触发器对应的触发函数，包括：获取所述HTMLDOM中Element对象的所有fireEvent事件或所有initEvent事件；根据所述所有fireEvent事件或所述所有initEvent事件，构建并获取每个fireEvent事件的第一触发函数或每个initEvent事件的第二触发函数，其中，所述第一触发函数用于触发对应的fireEvent事件，所述第二触发函数用于触发对应的initEvent事件。4.根据权利要求1所述的方法，其特征在于，所述搭建页面布局层叠样式表CSS，包括：覆盖所述美化下拉选框在未美化下拉选框上，搭建所述页面布局CSS。5.根据权利要求1所述的方法，其特征在于，所述生成美化选择结果显示层及美化下拉图标按钮，包括：在接收对所述美化下拉选项列表的条目中的第一条目的选择指令时，根据所述选择指令，生成显示所述第一条目的所述美化选择结果显示层，其中，所述第一条目为所述美化下拉选项列表中的任一条目；获取按钮点击事件，生成与所述按钮点击事件对应的所述美化下拉图标按钮。6.根据...

【专利技术属性】
技术研发人员：沈文策，
申请(专利权)人：福建中金在线信息科技有限公司，
类型：发明
国别省市：福建;35