ԶԵԲՐԱ ազդեցություն սեղաններ գծերի հետ CSS կամ JQuery

Ինչպես մասին վերցնելու ԶԵԲՐԱ ազդեցություն, փոփոխվող գույներով գծերի ձեր HTML աղյուսակների? CSS կամ JQuery դուք կարող եք!

CSS եւ jQuery?

Այն մինչեւ ձեզ ընտրել CSS (ավելի շուտ) կամ JQuery. Է հետեւյալ օրինակով, Ես ընտրել եմ ստեղծել մի դասարանում .MyTab այնպես, որ այդ ազդեցությունը չի ընկնում տակ ցանկացած սեղանի, բայց միայն նրանք, որոնք նշանակվում են. այս դեպքում, դուք պետք է նշեք Ձեր աղյուսակը class =”MyTab”. Եթե ​​դուք ուզում եք ազդել բոլոր սեղանները, փոփոխություն .MyTab ըստ թեգով սեղան. արել այս, պարզապես տեղադրեք այդպիսի կոդը միջեւ գլխին թեգերը ձեր HTML եւ պատրաստ է.

Կոդ օգտագործելով CSS

1
2
3
4
5
6
7
8
<style type="text/css">
  .MyTab tr:n- րդ երեխան(տարօրինակ) {
    Ֆոնի գույնը:#FFF;
  }  
  .MyTab tr:n- րդ երեխան(նույնիսկ) {
    Ֆոնի գույնը:#CCC;
  } 
</ոճ>

Կոդ օգտագործելով jQuery

1
2
3
4
5
6
7
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></ձեռագիր>
<script type="text/javascript">
$(փաստաթուղթ).պատրաստ(ֆունկցիա() {
   $('.mytab tr:տարօրինակ').CSS('Ֆոնի գույնը', 'Թվի');
   $('.mytab tr:նույնիսկ ').CSS('Ֆոնի գույնը', '#fff');  
});
</ձեռագիր>

օրինակ

ամբողջական կոդը, em CSS

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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<HTML>
<ղեկավար>
<կոչում>զեբրա</կոչում>
<style type="text/css">
  .MyTab tr:n- րդ երեխան(տարօրինակ) {
    Ֆոնի գույնը:#FFF;
  }  
  .MyTab tr:n- րդ երեխան(նույնիսկ) {
    Ֆոնի գույնը:#CCC;
  } 
</ոճ>
</ղեկավար>
<մարմին>
    <table class="mytab">
      <thead>
        <tr>
          <րդ>կարգ</րդ>
          <րդ>անուն</րդ>
          <րդ>դարաշրջան</րդ>
          <րդ>հեռախոս</րդ>
        </tr>
      </thead>
      <tbody>
        <tr>
          <TD>1</TD>
          <TD>maria</TD>
          <TD>45</TD>
          <TD>3434-6767</TD>
        </tr>
        <tr>
          <TD>2</TD>
          <TD>john</TD>
          <TD>12</TD>
          <TD>4545-9009</TD>
        </tr>
        <tr>
          <TD>3</TD>
          <TD>Marcos</TD>
          <TD>33</TD>
          <TD>9987-7655</TD>
        </tr>
        <tr>
          <TD>4</TD>
          <TD>Claudia</TD>
          <TD>21</TD>
          <TD>3409-5652</TD>
        </tr>
        <tr>
          <TD>5</TD>
          <TD>խաղալ</TD>
          <TD>7</TD>
          <TD>8981-7822</TD>
        </tr>
      </tbody>
    </սեղան>
  </մարմին>
</HTML>
Ընդամենը մուտքերը: 8883

2 արձագանքներ “ԶԵԲՐԱ ազդեցություն սեղաններ գծերի հետ CSS կամ JQuery

Թողնել Պատասխանել

Ձեր էլ. Փոստի հասցեն չի հրապարակվելու. Պահանջվող դաշտերը նշված են *