js基础之实例-白红宇

js基础之实例

阅读量：4328 次

发布时间：2019-06-06

本文共 4612 字，大约阅读时间需要 15 分钟。

1. tab 切换

1  2  3  4     
       5     Title 6     27 28 29     
      
       30         
       第一篇
31         
       11111111111111111111111111111111111111111111
32     
      
33     
      
       34         
       第二篇
35         
       22222222222222222222222222222222222222222222222
36     
      
37     
      
       38         
       第三篇
39         
       33333333333333333333333333333333333333333333333333
40     
      
41 42 53

View Code

2. timmer触发

1  2  3  4     
       5     Title 6     29 30 31 32 
      
       stop
      33 34

View Code

3. 二级联动

1  2  3  4     
       5     Title 6  7  8 13 14 17 18 56

View Code

4. 模态对话框

1  2  3  4     
       5     Title 6     39 40 41     
      
       42         
       
        vnjdsvnjdsf;vnjse;ogvje
       43         
       
        start
       44     
      
45 46     
      
47 48     
      
       49         
       
        50             用户名
        51             
        52         
       
53     
      
54 55 71

View Code

5. 跑马灯

1  2  3  4     
       5     Title 6  7  8      9 10 34

View Code

1  2  3  4     
       5     Title 6     14 15 16     欢迎光临
17     18 19     33

View Code

6. select左右移动

1  2  3  4     
       5     Title 6     17 18 19 24 25     
       
         > 
       26     
       
         >> 
       27 28 33 57 58

View Code

升级版

1  2  3  4     
       5     Title 6     48 49 50 
      
       51     
       56 
      
57 
      
       58     
       59         60     61     
       62         63     64 
      
65 
      
       66     
       71 
      
72 73 98 99

View Code

7. table 全反选案例

1  2  3  4     
       5     Title 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         
36 37     
                                 111          111          111         
                          111          111          111         
                          111          111          111         
                          111          111          111         
       
      
38 39 66

View Code

升级版

1  2  3  4     
       5     Title 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         
36 37     
                                 111          111          111         
                          111          111          111         
                          111          111          111         
                          111          111          111         
       
      
38 39 63

View Code

8. 表格增删改

1   2   3   4     
        5     Title  6      91  92  93  94  95 
      
        96     
          97         
 98         
 99         
100         
101         
102     
103     
         104         
105         
106         
107         
108         
113     
114     
         115         
116         
117         
118         
119         
124     
125     
         126         
127         
128         
129         
130         
135     
136 
                        账号          姓名          性别          电话          编辑         
                 001          张三          男          25161564315          109             110             111             112                 
                 002          李四          男          1564156156          120             121             122             123                 
                 003          王五          男          156415643156          131             132             133             134                 
       
      
137 138 
      
139 140 
      
       141     
       
        142         
        
         账号
         
        
143         
        
         姓名
         
        
144         
        
         性别
         
        
145         
        
         电话
         
        
146         
        147     
       
148 
      
149 150 151 238