ಸಿಎಸ್ಎಸ್ ಅಥವಾ JQuery ಹೊಂದಿರುವ ಮೇಜುಗಳಲ್ಲಿ ಸಾಲುಗಳ ಮೇಲೆ ಜೀಬ್ರಾ ಪರಿಣಾಮವನ್ನು

ಒಂದು ಜೀಬ್ರಾ ಪರಿಣಾಮ ತೆಗೆದುಕೊಳ್ಳುವ ಬಗ್ಗೆ, ನಿಮ್ಮ HTML ಕೋಷ್ಟಕಗಳು ಸಾಲುಗಳನ್ನು ಬಣ್ಣಗಳನ್ನು ಪರ್ಯಾಯ? ಸಿಎಸ್ಎಸ್ ಅಥವಾ JQuery ನೀವು!

ಸಿಎಸ್ಎಸ್ ಮತ್ತು jQuery?

ಇದು ಸಿಎಸ್ಎಸ್ ಆಯ್ಕೆ ನಿಮಗೆ ಬಿಟ್ಟದ್ದು (ಬದಲಿಗೆ) ಅಥವಾ JQuery. ಕೆಳಗಿನ ಉದಾಹರಣೆಯಲ್ಲಿ, ನಾನು ಒಂದು ವರ್ಗ ರಚಿಸಲು ಆಯ್ಕೆ .mytab ಪರಿಣಾಮ ಯಾವುದೇ ಮೇಜಿನ ಅಡಿಯಲ್ಲಿ ಬಿದ್ದು ಎಂಬುದನ್ನು ಆದ್ದರಿಂದ, ಆದರೆ ಆ ಉದ್ದೇಶಿತವಾಗಿರುವ. ಈ ಸಂದರ್ಭದಲ್ಲಿ, ನೀವು = ವರ್ಗ ನಿಮ್ಮ ಟೇಬಲ್ ಸೂಚಿಸಬೇಕು”mytab”. ನೀವು ಎಲ್ಲಾ ಕೋಷ್ಟಕಗಳು ಪರಿಣಾಮ ಬಯಸಿದರೆ, ಬದಲಾವಣೆ .mytab ಟ್ಯಾಗ್ ಮೂಲಕ ಟೇಬಲ್. ಮಾಡಲಾಗುತ್ತದೆ ಈ, ಕೇವಲ ನಿಮ್ಮ HTML ಮತ್ತು ಸಿದ್ಧ ಮುಖ್ಯಸ್ಥ ಟ್ಯಾಗ್ಗಳು ನಡುವೆ ಇಂತಹ ಕೋಡ್ ಸೇರಿಸಲು.

ಸಿಎಸ್ಎಸ್ ಬಳಸಿ ಕೋಡ್

1
2
3
4
5
6
7
8
<style type="text/css">
  .mytab ಅನುವಾದ:ಎನ್ತ್ ಶಿಶು(ಬೆಸ) {
    ಹಿನ್ನೆಲೆ ಬಣ್ಣ:#fff;
  }  
  .mytab ಅನುವಾದ:ಎನ್ತ್ ಶಿಶು(ಸಹ) {
    ಹಿನ್ನೆಲೆ ಬಣ್ಣ:#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 ಅನುವಾದ:ಬೆಸ').ಸಿಎಸ್ಎಸ್('ಹಿನ್ನೆಲೆ ಬಣ್ಣ', 'CCC');
   $('.mytab ಅನುವಾದ:ಸಹ ').ಸಿಎಸ್ಎಸ್('ಹಿನ್ನೆಲೆ ಬಣ್ಣ', '#fff');  
});
</ಸ್ಕ್ರಿಪ್ಟ್>

ಉದಾಹರಣೆಗೆ

ಸಂಪೂರ್ಣ ಕೋಡ್, ಎಮ್ ಸಿಎಸ್ಎಸ್

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
<ಎಚ್ಟಿಎಮ್ಎಲ್>
<ತಲೆಯ>
<ಶೀರ್ಷಿಕೆ>ಜೀಬ್ರಾ</ಶೀರ್ಷಿಕೆ>
<style type="text/css">
  .mytab ಅನುವಾದ:ಎನ್ತ್ ಶಿಶು(ಬೆಸ) {
    ಹಿನ್ನೆಲೆ ಬಣ್ಣ:#fff;
  }  
  .mytab ಅನುವಾದ:ಎನ್ತ್ ಶಿಶು(ಸಹ) {
    ಹಿನ್ನೆಲೆ ಬಣ್ಣ:#CCC;
  } 
</ಶೈಲಿ>
</ತಲೆಯ>
<ದೇಹದ>
    <table class="mytab">
      <THEAD>
        <ಅನುವಾದ>
          <ನೇ>ಸಲುವಾಗಿ</ನೇ>
          <ನೇ>ಹೆಸರು</ನೇ>
          <ನೇ>ವಯಸ್ಸಿನ</ನೇ>
          <ನೇ>ಫೋನ್</ನೇ>
        </ಅನುವಾದ>
      </THEAD>
      <TBODY>
        <ಅನುವಾದ>
          <ಟಿಡಿ>1</ಟಿಡಿ>
          <ಟಿಡಿ>ಮಾರಿಯಾ</ಟಿಡಿ>
          <ಟಿಡಿ>45</ಟಿಡಿ>
          <ಟಿಡಿ>3434-6767</ಟಿಡಿ>
        </ಅನುವಾದ>
        <ಅನುವಾದ>
          <ಟಿಡಿ>2</ಟಿಡಿ>
          <ಟಿಡಿ>ಜಾನ್</ಟಿಡಿ>
          <ಟಿಡಿ>12</ಟಿಡಿ>
          <ಟಿಡಿ>4545-9009</ಟಿಡಿ>
        </ಅನುವಾದ>
        <ಅನುವಾದ>
          <ಟಿಡಿ>3</ಟಿಡಿ>
          <ಟಿಡಿ>ಮಾರ್ಕೋಸ್</ಟಿಡಿ>
          <ಟಿಡಿ>33</ಟಿಡಿ>
          <ಟಿಡಿ>9987-7655</ಟಿಡಿ>
        </ಅನುವಾದ>
        <ಅನುವಾದ>
          <ಟಿಡಿ>4</ಟಿಡಿ>
          <ಟಿಡಿ>ಕ್ಲಾಡಿಯಾ</ಟಿಡಿ>
          <ಟಿಡಿ>21</ಟಿಡಿ>
          <ಟಿಡಿ>3409-5652</ಟಿಡಿ>
        </ಅನುವಾದ>
        <ಅನುವಾದ>
          <ಟಿಡಿ>5</ಟಿಡಿ>
          <ಟಿಡಿ>ಆಡಲು</ಟಿಡಿ>
          <ಟಿಡಿ>7</ಟಿಡಿ>
          <ಟಿಡಿ>8981-7822</ಟಿಡಿ>
        </ಅನುವಾದ>
      </TBODY>
    </ಟೇಬಲ್>
  </ದೇಹದ>
</ಎಚ್ಟಿಎಮ್ಎಲ್>
ಹಿಟ್ ಒಟ್ಟು ಸಂಖ್ಯೆ: 8886

2 ವಿಮರ್ಶೆಗಳು “ಸಿಎಸ್ಎಸ್ ಅಥವಾ JQuery ಹೊಂದಿರುವ ಮೇಜುಗಳಲ್ಲಿ ಸಾಲುಗಳ ಮೇಲೆ ಜೀಬ್ರಾ ಪರಿಣಾಮವನ್ನು

ಒಂದು ಉತ್ತರಿಸಿ ಬಿಡಿ

ನಿಮ್ಮ ಈಮೇಲ್ ವಿಳಾಸ ರ ಆಗುವುದಿಲ್ಲ. ಅಗತ್ಯವಿರುವ ಜಾಗ ಗುರುತಿಸಲಾಗಿದೆ *