Web页面对象边框属性组合按键结构和按键设置方法
【技术领域】
:
[0001]本发明涉及WEB动态编辑技术，特别是涉及在浏览器中动态编辑WEB页面对象边框属性的按键的设置方法及按键结构。
【背景技术】
:
[0002]在浏览器中通过脚本直接动态编辑WEB页面的过程中，如果需要编辑边框的属性，会面临一个复杂的问题。由于HTML语言的特性，任何一个对象的边框都可以分为上、下、左、右四个边框单独编辑。同时，每个边框都有样式、颜色和宽度三个不同属性，其中的宽度经常采用直接增减的方法，就分为增大宽度和减小宽度两个功能，因此，一个对象的边框会产生16个不同的功能按键，如果布局不当，会使用户产生严重的混淆。有些情况下，该问题进一步复杂，例如在编辑表格对象时，由于表格对象的边框可以分为外边框、内边框、行边框、列边框和单元格边框，因此，如果简单地处理，就需要80个不同的功能按键对应不同的功能。但是，边框只是对象诸多属性中的一个属性，80个按键的存在从美观和可用性角度看显示都是不切实际的。
【发明内容】
:
[0003]本发明解决现有技术编辑按键过多容易导致混乱和占用较多的页面区域进而影响美观的技术问题，提出一种结构简单、形象并占用页面空间小的组合按键结构及按键设置方法。
[0004]本发明的技术方案是:
[0005]WEB页面对象边框属性组合按键结构，在具有缺省边框属性的四边形的四个边的外侧或内侧分别放置有一组按键，所述每组按键均具有至少实现四边形的对应边的样式、颜色和增大宽度和减小宽度的功能。
[0006]上述每组按键在四边形的上下两边均水平放置，在四边形的左右两边均垂直放置。
[0007]上述四边形的内部或外部还放置有一组按键，所述该组按键中的每个按键具有同时修改四边形的四个边某一属性的功能。
[0008]上述四边形的内部或外部还放置有一组按键，所述该组按键中的按键分别具有应用到表格或应用到行或应用到列或应用到单元格的功能。
[0009]WEB页面对象边框属性组合按键设置方法，建立一个具有缺省边框属性的四边形，在四边形的四个边的外侧或内侧分别放置一组按键，然后为每组按键分别添加至少实现四边形的对应边的样式、颜色和增大宽度和减小宽度功能的鼠标点击事件。
[0010]上述每组按键在四边形的上下两边均水平放置，在四边形的左右两边均垂直放置。
[0011 ] 在上述四边形的内部或外部还放置一组按键，所述该组按键中的每个按键具有同时修改四边形的四个边某一属性的功能。
[0012]在上述四边形的内部或外部还放置一组按键，所述该组按键中的按键分别具有应用到表格或应用到行或应用到列或应用到单元格的功能。
[0013]技术效果:
[0014]本发明由于在具有缺省边框属性的四边形的四个边的外侧或内侧分别放置有一组按键，所述按键分别对应实现四边形的对应边的样式、颜色和增大宽度和减小宽度的功能，这样在视觉上形成一个整体，使得按键更加形象直观地表达其功能，最大程度的减低了用户对界面理解的难度，不会导致理解和使用的混乱，增大了可用性，也使页面最大可能地简洁、形象，而且可以将整个WEB页面对象边框属性设计得非常小，使众多功能的不同按键共同占用很小的空间，为页面设计带来了很大的灵活性。
[0015]在四边形的上下两边均水平放置，在四边形的左右两边均垂直放置，这样放置使得布局更加形象直观，同时能更好的节省空间。
[0016]在四边形的内部或外部还放置一组具有同时修改四边形的四个边的相应功能的按键便于对WEB页面对象进行整体的修改。
[0017]在四边形的内部或外部还放置一组具有应用到表格或应用到行或应用到列或应用到单元格的功能的按键，可以将编辑好的边框应用到选定的WEB页面对象。
【附图说明】
:
[0018]图1是本发明WEB页面对象边框属性组合按键结构示意图。
[0019]图2是本发明优选的WEB页面对象边框属性组合按键结构示意图。
【具体实施方式】
:
[0020]见图1，本发明WEB页面对象边框属性组合按键结构的各按键设置在具有缺省边框属性的四边形的四个边的外侧或内侧，这里将四边形优选为矩形，在矩形的上、下、左、右边的边框的外侧都分别建立样式、颜色和增大宽度和减小宽度的四个按键，包括上边框颜色11、右边框颜色21、下边框颜色31、左边框颜色41，可以改变各边框的颜色；上边框样式12、右边框样式22、下边框样式32、左边框样式42，可以改变各边框的样式，如实线、虚线、点线或双实线等；增大上边框宽度13、增大右边框宽度23、增大下边框宽度33、增大左边框宽度43，可以增大各边框的宽度；减小上边框宽度14、减小右边框宽度24、减小下边框宽度34、减小左边框宽度44，可以减小各边框的宽度。同时，将上边框颜色11、上边框样式12、增大上边框宽度13、减小上边框宽度14四个按键水平放置；将下边框颜色31、下边框样式32、增大下边框宽度33、减小下边框宽度34四个按键水平放置；将另外八个按键分别垂直放置，这种布局在视觉上形成一个整体，使得按键更加形象直观地表达其功能，同时将整个WEB页面对象边框属性设计得非常小，使众多功能的不同按键共同占用很小的空间，为页面设计带来了很大的灵活性。
[0021]如图2所示本发明优选的WEB页面对象边框属性组合按键结构示意图，在矩形内部还放置有一组按键，全部边框颜色1、全部边框样式2、增大全部边框宽度3、减小全部边框宽度4四个按键，所述4四个按键中的每个按键具有同时修改矩形的四个边某一属性的功能，如同时修改矩形四个边的颜色、样式、增加或减小边框宽度等属性，这样便于对WEB页面对象边框属性进行整体的修改。
[0022]另外，在矩形的内部或外部还可以放置有一组按键，所述该组按键中的按键分别具有应用到整个区域、应用到表格的外边框、应用到表格的所有单元格、应用到光标所在的单元格、应用到光标所在的行、应用到光标所在的列等等的功能。如果需要，还可以放置修改背景颜色和背景图片的按键，以及取消对边框的所有改变，恢复初始状态的按键等等。这样，就非常直观地表达了不同的功能按键和不同的边框的关系。
【主权项】
1.WEB页面对象边框属性组合按键结构，其特征在于在具有缺省边框属性的四边形的四个边的外侧或内侧分别放置有一组按键，所述每组按键均具有至少实现四边形的对应边的样式、颜色和增大宽度和减小宽度的功能。
2.根据权利要求1所述的WEB页面对象边框属性组合按键结构，其特征在于所述每组按键在四边形的上下两边均水平放置，在四边形的左右两边均垂直放置。
3.根据权利要求1或2所述的WEB页面对象边框属性组合按键结构，其特征在于所述四边形的内部或外部还放置有一组按键，所述该组按键中的每个按键具有同时修改四边形的四个边某一属性的功能。
4.根据权利要求1或2所述的WEB页面对象边框属性组合按键设置方法，其特征在于所述四边形的内部或外部还放置有一组按键，所述该组按键中的按键分别具有应用到表格或应用到行或应用到列或应用到单元格的功能。
5.WEB页面对象边框属性组合按键设置方法，其特征在于:建立一个具有缺省边框属性的四边形，在四边形的四个边的外侧或内侧分别放置一组按键，然后为每组按键分别添加至少实现四边形的对应边的样式、颜色和增大宽度和减小宽度功能的鼠标点击事件。
6.根据权利要求5所述的WEB页面对象边框属性组合按键设置方法，其特征在于所述每组按键在四边形的上下两边均水平放置，在四边形的左右两边均垂直放置。
7.根据权利要求5或6所述的WEB页面对象边框属性组合按键设置方法，其特征在于在所述四边形的内部或外部还放置一组按键，所述该组按键中的每个按键具有同时修改四边形的四个边某一属性的功能。
8.根据权利要求5或6所述的WEB页面对象边框属性组合按键设置方法，其特征在于在所述四边形的内部或外部还放置一组按键，所述该组按键中的按键分别具有应用到表格或应用到行或应用到列或应用到单元格的功能。
【专利摘要】本发明涉及一种WEB页面对象边框属性组合按键结构和按键设置方法，该结构在具有缺省边框属性的四边形的四个边的外侧或内侧分别放置有一组按键，每组按键均具有至少实现四边形的对应边的样式、颜色和增大宽度和减小宽度的功能。该结构使得按键更加形象直观地表达其功能，最大程度的减低了用户对界面理解的难度，增大了可用性，使众多功能的不同按键共同占用很小的空间，为页面设计带来了很大的灵活性。
【IPC分类】G06F9-44
【公开号】CN104714796
【申请号】CN201410361103
【发明人】施霞虹
【申请人】南宁市磁汇科技有限公司
【公开日】2015年6月17日
【申请日】2014年7月28日