1  2  3  4     
      5      6  7  8 
     
       9     
      
11
10     
      
22
11     
      
33
12 
     
13 14 

1  2  3  4     
      5      6  7  8 
     
       9     
      
44
10     
      
55
11     
      
66
12 
     
13 14 

1  2  3  4     
      5      6  7  8 
     
       9     
      
       第一章
      
10     
      
       第一节
      
11     
      
       第二节
      
12     
      
       第二章
      
13     
      
       第一节
      
14     
      
       第二节
      
15 
     
16 17 

1 def index(req): 2     print('get:', req.GET) 3     print('post:', req.POST) 4     print('FILSE:', req.FILES) 5     for item in req.FILES: 6         fileObj = req.FILES.get(item) 7         f = open(fileObj.name, 'wb') 8         iter_file = fileObj.chunks() 9         for line in iter_file:10             f.write(line)11         f.close()12     return HttpResponse('注册成功！')

1 12 
hello world

1 inline-block默认的空格符就是标签与标签之间的空隙造成的。2 (一)通过margin:-3解决3 (二)给几个标签加上一个父级div,然后设置样式4 div{5   word-spacing:-5px;  6 }

1 父级div中没有border，padding，inline content，子级div的margin会一直向上找，直到找到某个标签包括border，padding，inline content中的其中一个，然后此div进行margin。 2  3  4  5 解决方案： 6 第一种： 7     border:1px    solid    transparent 8 第二种： 9     padding:1px10 第三种：11 over-flow:hidden

1  2  3  4     
      5      6 32 33 34 35         
     
      36                 
      
       box1 向左浮动
      
37                 
      
       box2 向右浮动
      
38         
     
39         
     
      box3
     
40 41 42 

1  2  3  4     
      5      6 32 33 34 35         
     
      36                 
      
       box1 向左浮动
      
37                 
      
       box2 向右浮动
      
38                 
      
39         
     
40         
     
      box3
     
41 42 43 

1  2  3  4     
      5      6 37 38 39 40         
     
      41                 
      
       box1 向左浮动
      
42                 
      
       box2 向右浮动
      
43         
     
44         
     
      box3
     
45 46 47 

1 - Boolean(布尔)，取值:只有两种值:true或false 2  3 - Number(数字)，取值：所有数字，包含整数小数等，范围相当于double 4  5 - String(字符串),取值：所有字符串 6  7 - Undefined(未定义),取值:只有一个值undefined 8  9 - Null(空对象),取值:只有一个值null10 11 - Object(对象类型),取值:任何对象、Array、Function等

1     

1 1、相等符号: ==  、 !=2     - 对于==两边的表达式，如果类型相同，则直接比较。3     - 对于==两边的表达式，如果类型不同，则先试图将==两边的运算符转换为String、Boolean、Number这些相同的数据类型然后再判断是否相等。4     - ==认为null与undefined、unll与null、undefined、undefined是相等的。5 6 2、 完全相等运算符(恒等运算符)：=== 、 ！==7     - ===运算符判断前不进行类型转换，并且===两边必须类型相同，值也相同的请款修改才返回true。

1 总结：2     1.switch用来根据一个整型值进行多路分支，并且编译器可以对多路分支进行优化3     2.switch case只将表达式计算一次，然后将表达式的值与每个case的值比较，进而选择执行哪一个case的语句块4     3.if else 的判断条件范围较广，每个语句基本上独立的，每次判断时都要条件加载一次5 6 所以在多路分支时用switch比if else if结构效率高

1 doms=document.getElementsByTagName("p"); 2  3     for (var i in doms){ 4        console.log(i); // 0 1 2 length item namedItem 5        //console.log(doms[i]) 6     } 7  8 //循环的是你获取的th一个DOM元素集，for in用来循环对象的所有属性，dom元素集包含了你上面输出的属性。 9 //如果你只要循环dom对象的话，可以用for循环:10 11     for (var i=0;i

1     创建字符串对象：  2 var str1 = "hello world";  3 alert(str1.length);  4 alert(str1.substr(1,5));  5 注：调用字符串的对象属性或方法时自动创建对象，用完就丢弃  6   7   8     手工创建字符串对象：  9 var str1 = new String("hello world"); 10 alert(str1.length); 11 alert(str1.substr(1,5)); 12 注：采用new创建字符串对象str1，全局有效 13  14  15 length：获取字符串的长度(str1.length) 16  17  18     大小写转换： 19 var str1 = "abcDEF" 20 小写:str1.toLowerCase() 21 大写:str1.toUpperCase() 22  23  24     获取指定字符: 25 格式: 26     x.charAt(index) 27     x.charCodeAt(index) 28 注： 29 x：代表字符串对象 30 index：代表字符串位置，从0开始编号 31 charAt：返回index位置的字符 32 charCodeAt：返回index位置的Unicode编码 33  34  35     查询字符串： 36 格式1： 37     x.indexof(findstr,index) 38     x.lastIndexOf(findstr) 39  40 var str1 = "welcom to the world of JS!"; 41 var str2 = str1.indexof("c");  # 结果为3，从0开始计数 42 var str3 = str1.lastIndexOf("c")  # 结果为3，从后开始数，第一次出现c的位置 43  44 格式2： 45     x.match(regexp) 46     x.search(regexp) 47 注： 48 x：代表字符串对象 49 regexp：代表正则表达式或字符串 50 match：返回匹配字符串的数组，如果没有匹配则返回null 51 search：返回匹配字符串的首字符位置索引 52  53 var str1 = "welcome to the world of JS!"; 54 var str2=str1.match("world"); 55 var str3=str1.search("world"); 56 alert(str2[0])  # 结果为"world" 57 alert(str3)  # 结果为15 58  59  60     截取字符串： 61 格式1： 62 x.substr(start,length) 63 x.substring(start,end) 64 注： 65 x：代表字符串对象 66 start：表示开始位置 67 length：表示截取长度 68 end：结束位置加1，从0开始计数 69 var str1 = "abcdef" 70 str1.substr(2,2)  # 结果：cd 71 str1.substring(2,2)  # 结果：cd 72  73 格式2： 74 //x.slice(start, end) 75 var str1="abcdefgh"; 76 var str2=str1.slice(2,4); 77 var str3=str1.slice(4); 78 var str4=str1.slice(2,-1); 79 var str5=str1.slice(-3,-1); 80 alert(str2); 81 //结果为"cd" 82 alert(str3); 83 //结果为"efgh" 84 alert(str4); 85 //结果为"cdefg" 86 alert(str5); 87 //结果为"fg" 88  89  90     替换字符串： 91 var str1 = "abxy"; 92 str1.replace("xy","cd")  # 结果:abcd 93  94  95     分割字符串： 96 var str1 = "一，二，三"; 97 str1.split(",");  # 结果：一二三 98  99 100     连接字符串：101 格式：102 y=x.concat(addstr)103 注：104 x：代表字符串对象105 addstr：添加字符串106 107 var str1 = "abc"108 str1.concat("def")  # 结果abcdef

1 创建数组对象：  2 格式1：  3 var iArrNum = [1,2,3]  4   5 格式2：  6 new Array();    # 不指定数组元素个数  7 new Array(size);  # 指定数组元素个数  8   9  10 二维数组： 11 var cnweek=new Array(7); 12 for (var i=0;i<=6;i++){ 13     cnweek[i]=new Array(2); 14 } 15 cnweek[0][0]="星期日"; 16 cnweek[0][1]="Sunday"; 17 cnweek[1][0]="星期一"; 18 cnweek[1][1]="Monday"; 19 ... 20 cnweek[6][0]="星期六"; 21 cnweek[6][1]="Saturday"; 22  23  24     length：获取数组的个数 25  26  27     连接数组：join 28 格式： 29 x.join(bystr) 30 注： 31 x：代表数组对象 32 bystr：作为连接数组中元素的字符串 33  34 var iArrNum = [1,2,3] 35 iArrNum.join("-")  # 结果：1-2-3 36  37  38     连接数组：concat 39 var a = [1,2,3]l 40 var a = new Array(1,2,3); 41 a.concat(4,5)  # 结果：1，2，3，4，5 42  43  44     数组排序：reverse | sort 45 var iArrNum = [1,3,5,2,9]; 46 iArrNum.reverse();  # 反转数组:9,2,5,3,1 47 iArrNum.sort();  # 从小到大排序:1,2,3,5,9 48  49  50     数组切片：slice 51 注: 52 x代表数组对象 53 start表示开始位置索引 54 end是结束位置下一数组元素索引编号 55 第一个数组元素索引为0 56 start、end可为负数，-1代表最后一个数组元素 57 end省略则相当于从start位置截取以后所有数组元素 58  59 var arr1=['a','b','c','d','e','f','g','h']; 60 var arr2=arr1.slice(2,4); 61 var arr3=arr1.slice(4); 62 var arr4=arr1.slice(2,-1); 63  64 alert(arr2.toString()); 65 //结果为"c,d"  66 alert(arr3.toString()); 67 //结果为"e,f,g,h" 68 alert(arr4.toString()); 69 //结果为"c,d,e,f,g" 70  71  72     删除子数组： 73 格式 74 x. splice(start, deleteCount, value, ...) 75 注： 76 x代表数组对象 77 splice的主要用途是对数组指定位置进行删除和插入 78 start表示开始位置索引 79 deleteCount删除数组元素的个数 80 value表示在删除位置插入的数组元素 81 value参数可以省略 82  83  84 var a = [1,2,3,4,5,6,7,8]; 85 a.splice(1,2); 86 //a变为 [1,4,5,6,7,8] 87 alert(a.toString()); 88 a.splice(1,1); 89  //a变为[1,5,6,7,8] 90 alert(a.toString()); 91 a.splice(1,0,2,3); 92  //a变为[1,2,3,5,6,7,8] 93  94  95     数组的进出栈操作一： 96 //push pop这两个方法模拟的是一个栈操作 97  98 //x.push(value, ...)  压栈 99 //x.pop()             弹栈      100 //使用注解101 //102 //x代表数组对象103 //value可以为字符串、数字、数组等任何值104 //push是将value值添加到数组x的结尾105 //pop是将数组x的最后一个元素删除106 107 108 var arr1=[1,2,3];109 arr1.push(4,5);110 alert(arr1);111 //结果为"1,2,3,4,5"112 arr1.push([6,7]);113 alert(arr1)114 //结果为"1,2,3,4,5,6,7"115 arr1.pop();116 alert(arr1);117 //结果为"1,2,3,4,5"118 119 120     数组的进出栈操作二：121 // unshift shift 122 //x.unshift(value,...)123 //x.shift()124 //使用注解125 //126 //x代表数组对象127 //value可以为字符串、数字、数组等任何值128 //unshift是将value值插入到数组x的开始129 //shift是将数组x的第一个元素删除130 131 var arr1=[1,2,3];132 arr1.unshift(4,5);133 alert(arr1);134 //结果为"4,5,1,2,3"135 arr1. unshift([6,7]);136 alert(arr1);137 //结果为"6,7,4,5,1,2,3"138 arr1.shift();139 alert(arr1);140 //结果为"4,5,1,2,3"

1 //  js中数组的特性2          //java中数组的特性,  规定是什么类型的数组,就只能装什么类型.只有一种类型.3          //js中的数组特性1: js中的数组可以装任意类型,没有任何限制.4          //js中的数组特性2: js中的数组,长度是随着下标变化的.用到多长就有多长.5          var arr5 = ['abc',123,1.14,true,null,undefined,new String('1213'),new Function('a','b','alert(a+b)')];6         /*  alert(arr5.length);//87          arr5[10] = "hahaha";8          alert(arr5.length); //119          alert(arr5[9]);// undefined */

1     创建Date对象： 2 //方法1：不指定参数 3 var nowd1=new Date(); 4 alert(nowd1.toLocaleString( )); 5 //方法2：参数为日期字符串 6 var nowd2=new Date("2004/3/20 11:12"); 7 alert(nowd2.toLocaleString( )); 8 var nowd3=new Date("04/03/20 11:12"); 9 alert(nowd3.toLocaleString( ));10 //方法3：参数为毫秒数11 var nowd3=new Date(5000);12 alert(nowd3.toLocaleString( ));13 alert(nowd3.toUTCString());14 15 //方法4：参数为年月日小时分钟秒毫秒16 var nowd4=new Date(2004,2,20,11,12,0,300);17 alert(nowd4.toLocaleString( ));18 //毫秒并不直接显示19 20 21     获取日期和时间：22 获取日期和时间23 getDate()                 获取日24 getDay ()                 获取星期25 getMonth ()               获取月（0-11）26 getFullYear ()            获取完整年份27 getYear ()                获取年28 getHours ()               获取小时29 getMinutes ()             获取分钟30 getSeconds ()             获取秒31 getMilliseconds ()        获取毫秒32 getTime ()                返回累计毫秒数(从1970/1/1午夜)

1 //设置日期和时间 2 //setDate(day_of_month)       设置日 3 //setMonth (month)                 设置月 4 //setFullYear (year)               设置年 5 //setHours (hour)         设置小时 6 //setMinutes (minute)     设置分钟 7 //setSeconds (second)     设置秒 8 //setMillliseconds (ms)       设置毫秒(0-999) 9 //setTime (allms)     设置累计毫秒(从1970/1/1午夜)10     11 var x=new Date();12 x.setFullYear (1997);    //设置年199713 x.setMonth(7);        //设置月714 x.setDate(1);        //设置日115 x.setHours(5);        //设置小时516 x.setMinutes(12);    //设置分钟1217 x.setSeconds(54);    //设置秒5418 x.setMilliseconds(230);        //设置毫秒23019 document.write(x.toLocaleString( )+"
");20 //返回1997年8月1日5点12分54秒21 22 x.setTime(870409430000); //设置累计毫秒数23 document.write(x.toLocaleString( )+"
");24 //返回1997年8月1日12点23分50秒

1 日期和时间的转换: 2  3 getTimezoneOffset():8个时区×15度×4分/度=480; 4 返回本地时间与GMT的时间差，以分钟为单位 5 toUTCString() 6 返回国际标准时间字符串 7 toLocalString() 8 返回本地格式时间字符串 9 Date.parse(x)10 返回累计毫秒数(从1970/1/1午夜到本地时间)11 Date.UTC(x)12 返回累计毫秒数(从1970/1/1午夜到国际时间)

1 function getCurrentDate(){ 2         //1. 创建Date对象 3         var date = new Date(); //没有填入任何参数那么就是当前时间 4         //2. 获得当前年份 5         var year = date.getFullYear(); 6         //3. 获得当前月份 js中月份是从0到11. 7         var month = date.getMonth()+1; 8         //4. 获得当前日 9         var day = date.getDate();10         //5. 获得当前小时11         var hour = date.getHours();12         //6. 获得当前分钟13         var min = date.getMinutes();14         //7. 获得当前秒15         var sec = date.getSeconds();16         //8. 获得当前星期17         var week = date.getDay(); //没有getWeek18         // 2014年06月18日 15:40:30 星期三19         return year+"年"+changeNum(month)+"月"+day+"日 "+hour+":"+min+":"+sec+" "+parseWeek(week);20     }21 22 alert(getCurrentDate());23 24 //解决 自动补齐成两位数字的方法25     function changeNum(num){26     if(num < 10){27         return "0"+num;28     }else{29         return num;30     }31 32 }33 //将数字 0~6 转换成 星期日到星期六34     function parseWeek(week){35     var arr = ["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];36     //             0      1      2      3 .............37     return arr[week];38 }

1 //RegExp对象 2     // 在表单验证时使用该对象验证用户填入的字符串是否符合规则. 3     //创建正则对象方式1  参数1 正则表达式  参数2 验证模式  g global / i 忽略大小写. //参数2一般填写g就可以，也有“gi”. 4     // 用户名 首字母必须是英文, 除了第一位其他只能是英文数字和_ . 长度最短不能少于6位 最长不能超过12位 5     //----------------------------创建方式1 6     /* var reg1 = new RegExp("^[a-zA-Z][a-zA-Z0-9_]{5,11}$","g"); 7     // 8     //验证字符串 9     var str = "bc123";10     alert(reg1.test(str));// true11     12     //----------------------------创建方式2  /填写正则表达式/匹配模式;13     var reg2 = /^[a-zA-Z][a-zA-Z0-9_]{5,11}$/g;14     15     alert(reg2.test(str));// true16      */17     //-------------------------------正则对象的方法-------------------18         //test方法  ==>  测试一个字符串是否复合 正则规则. 返回值是true 和false.19     20     //-------------------------String 中与正则结合的4个方法------------------.21     // macth search split replace22     var str = "hello world";23     24     //alert(str.match(/o/g)); //查找字符串中 复合正则的 内容.25     //alert(str.search(/h/g));// 0  查找字符串中符合正则表达式的内容位置26     //alert(str.split(/o/g)); // 按照正则表达式对字符串进行切割. 返回数组;27     alert(str.replace(/o/g, "s")); // hells wsrld  对字符串按照正则进行替换.

1 //Math对象 2     //该对象中的属性方法 和数学有关. 3     //Math是内置对象 , 与Global的不同之处是, 在调用时 需要打出 "Math."前缀. 4     //属性学习: 5     //alert(Math.PI); 6     //方法学习: 7         //alert(Math.random()); // 获得随机数 0~1 不包括1. 8         //alert(Math.round(1.5)); // 四舍五入 9         //练习：获取1-100的随机整数，包括1和10010              //var num=Math.random();11             //num=num*10;12             //num=Math.round(num);13             // alert(num)14         //============max  min=========================15         /* alert(Math.max(1,2));// 216         alert(Math.min(1,2));// 1 */17         //-------------pow--------------------------------18         alert(Math.pow(2,4));// pow 计算参数1 的参数2 次方.19         20 21 22 23 abs(x)    返回数的绝对值。24 exp(x)    返回 e 的指数。25 floor(x)对数进行下舍入。26 log(x)    返回数的自然对数（底为e）。27 max(x,y)    返回 x 和 y 中的最高值。28 min(x,y)    返回 x 和 y 中的最低值。29 pow(x,y)    返回 x 的 y 次幂。30 random()    返回 0 ~ 1 之间的随机数。31 round(x)    把数四舍五入为最接近的整数。32 sin(x)    返回数的正弦。33 sqrt(x)    返回数的平方根。34 tan(x)    返回角的正切。

1 第一种写法：2 function 函数名 (参数){3     
函数体;4    return 返回值;5 }6 7 第二种写法：8 var 函数名 = new Function("参数1","参数n","function_body");

1 function func1(a,b){ 2  3     alert(a+b); 4 } 5  6     func1(1,2);  //3 7     func1(1,2,3);//3 8     func1(1);    //NaN 9     func1();     //NaN10 11     //只要函数名写对即可,参数怎么填都不报错.

1 function add(a,b){ 2  3         console.log(a+b);//3 4         console.log(arguments.length);//2 5         console.log(arguments);//[1,2] 6  7     } 8     add(1,2) 9 10     ------------------arguments的用处1 ------------------11     function nxAdd(){12         var result=0;13         for (var num in arguments){14             result+=arguments[num]15         }16         alert(result)17 18     }19 20     nxAdd(1,2,3,4,5)21 22 //     ------------------arguments的用处2 ------------------23 24     function f(a,b,c){25         if (arguments.length!=3){26             throw new Error("function f called with "+arguments.length+" arguments,but it just need 3 arguments")27         }28         else {29             alert("success!")30         }31     }32 33     f(1,2,3,4,5)

1 // 匿名函数 2     var func = function(arg){ 3         return "tony"; 4     } 5  6 // 匿名函数的应用 7     (function(){ 8         alert("tony"); 9     } )()10 11     (function(arg){12         console.log(arg);13     })('123')

1  2  3  4     
      5      6     12 13 14 15 开始16 17 49 

1  2  3  4     
      5      6  7  8 click 9 forward10 go111 12 

1  2  3  4     
      5      6  7  8 back 9 go-110 11 

1  2  3  4     
      5      6  7  8 reload 9 replace10 11 22 

1 parentElement              // 父节点标签元素 2  3 children                        // 所有子标签 4    5 firstElementChild          // 第一个子标签元素 6  7 lastElementChild           // 最后一个子标签元素 8  9 nextElementtSibling       // 下一个兄弟标签元素10 11 previousElementSibling  // 上一个兄弟标签元素

1  2  3  4     
      5      6  7  8 
     
       9     
      
hello p
10     
      
       hello div
      
11 
     
12 13 21 

1 parentElement        //父系节点标签元素 2  3 children                 // 所有子标签 4  5 firstElementChild    //第一个子标签元素 6  7 lastElementChild    //最后一个子标签元素 8  9 nextElementtSibling //下一个兄弟标签元素10 11 previousElementSibling //上一个兄弟标签元素

1  2  3  4     
      5      6  7  8 
     
       9     
      
hello p
10     
      
       hello div11         
       
        div
       
12         
       click13     
      
14 
     
15 16 45 

1 第一种： 2      9 10 第二种：11     

1  2  3  4     
      5      6  7  8 
     
       9     
      
       ddd
      
10     
      
       ddd
      
11     
      
       ddd
      
12     
      
pppp
13 
     
14 15 24 

1  2  3  4     
      5      6     18 19 20 
     
      21     
      
       22 23     
      
24 
     
25 26 35 

1 增： 2 createElement(name) 创建元素 3 appendChild() 将元素添加 4  5  6 删： 7 1.获取待删除的元素 8 2.获取它的父元素 9 3.使用removeChild()方法删除10 11 改：12     第一种：用上面的增和删结果完成修改13     第二种：14                 a.使用setAttribute()；修改属性15                 b.使用innerHTML属性修改元素的内容16 17 查：18     a.通过使用 getElementById() 方法 19     b.通过使用 getElementsByTagName() 方法 20     c.通过使用 getElementsByClassName() 方法 21     d.通过使用 getElementsByName() 方法

1  2  3  4     
      5      6     24 25 26 
     
      27     
      增加28     hello div129 
     
30 
     
      31     
      删除32     hello div233 
     
34 
     
      35     
      替换36     
      
hello div3
37 
     
38 
     
      hello div4
     
39 40 61 

1  2  3  4     
      5      6  7  8 
     
       9     div110 
     
11 12 20 

1  2  3  4     
      5      6     37 38 39 
     
      40     
      显示41 
     
42 
     
      43 44 
     
45 
     
      46     
      cancel47 
     
48 49 61 

1  2  3  4     
      5      6  7  8 全选 9 反选10 取消11 
     
      12     
        13         
14         
15         
16     
17     
        18         
19         
20         
21     
22     
        23         
24         
25          
26     
27 
      
       
        
        
1111
        
1111
       
       
        
        
22
        
22
       
       
        
        
333
        
333
       
      
     
28 29 64 

1  2  3  4     
      5      6  7  8  9     请选择省份10 11 12     请选择城市13 14 15 61 

1     第一种方式： 2 官网地址：http://jquery.com/download/ 3 注： 4     1、Production version -用于实际的网站中，已被精简和压缩 5     2、Development version -用于测试和开发(未压缩，可读的代码) 6  7  8     其他方式（通过CDN引用它）： 9 Staticfile：https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js10 百度：https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js11 又拍云：https://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js12 新浪：https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js13 Google：https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js

1  2  3  4     
      5      6  7  8 
     
      hello
     
 9 10 引入方式一：11 
     12 引入方式二：13 14 17 

1 var $variable -----> JQuery对象（建议定义JQuery变量时，前面加"$"）2 var variable------->DOM对象3 4 $variable[0]:JQuery对象转为DOM对象5 6 例子：7     $("#msg").html;    <=====>    $("#msg")[0].innerHTML

1  2  3  4     
      5      6  7  8 
     
      hello div
     
 9 
hello p
10 点我11 
我是span12 
p上
13 
     
      outer114     
      
       15         inner16         
       
inner p
17     
      
18     
      
alex
19     
      
alexbb
20 
     
21 
p下
22 
     
      outer2
     
23 
pp下
24 
     
      25     
      
111
26     
      
222
27     
      
333
28     
      
444
29     
      
555
30     
      
666
31 
     
32 33 34 35 36 37 67 

1  2  3  4     
      5      6  7  8 
     
      hello div
     
 9 
hello p
10 点我11 
我是span12 
p上
13 
     
      outer114     
      
       15         inner16         
       
inner p
17     
      
18     
      
alex
19     
      
alexbb
20 
     
21 
p下
22 
     
      outer2
     
23 
pp下
24 
     
      25     
      
111
26     
      
222
27     
      
333
28     
      
444
29     
      
555
30     
      
666
31 
     
32 33 34 35 36 37 61 

1  2  3  4     
      5      6     31 32 33 
     
      34     
      
       35         
       
        36             
        
         菜单一
        
37             
        
         38                 
         
          111
         
39                 
         
          222
         
40                 
         
          333
         
41             
        
42         
       
43 44         
       
        45             
        
         菜单二
        
46             
        
         47                 
         
          444
         
48                 
         
          555
         
49                 
         
          666
         
50             
        
51         
       
52 53         
       
        54             
        
         菜单三
        
55             
        
         56                 
         
          777
         
57                 
         
          888
         
58                 
         
          999
         
59             
        
60         
       
61     
      
62     
      
       63 64     
      
65 
     
66 67 68 74 

1  2  3  4     
      5      6  7  8 
     
       9     
      是否可见10     
      是否可见11 
     
12 13 
     
14 
     
      15     iiiiii16     
      
pppppp
17 
     
18 19 20 55 

1  2  3  4     
      5      6  7  8 
pppp
 9 
oooo
10 
iiii
11 12 13 35 

1  2  3  4     
      5      6  7  8 全选 9 反选10 取消11 
     
      12     
        13         
14         
15     
16     
        17         
18         
19     
20     
        21         
22         
23     
24 
      
       
        
        
111
       
       
        
        
222
       
       
        
        
333
       
      
     
25 26 27 55 

1  2  3  4     
      5      6     37 38 39 
     
      40     
      显示41 
     
42 
     
      43 44 
     
45 
     
      46     
      cancel47 
     
48 49 50 58 

1  2  3  4     
      5      6  7  8 
     
       9     
      
pppp
10 
     
11 添加12 13 14 15 
     
      16     
      
       17             
       +18             
       19     
      
20 
     
21 71 

1  2  3  4     
      5      6     42 43 44 
     
      45     
      
46     
      
47     
      
       返回顶部
      
48 
     
49 50 51 89 

1  2  3  4     
      5      6  7  8 
      9 
     10 
     11 
     12 
     13 14 
     15 
     16 
     17 
     18 
     19 
     20 
     21 22 
     23 
     24 
     25 
     26 
     27 
     28 29 
     30 
     31 
     32 33 34 35 88 

1  2  3  4     
      5      6  7  8 
pppp
 9 
oooooooooo
10 11 12 57