Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][JavaScript] Przełączane zakładki
Forum PHP.pl > Forum > Przedszkole
kbilski
Witam

Jak zmienić aby po wybraniu danej zakładki - ta wybrana miała inne tło lub grubsza czcionkę - jednym słowem wyróżniała się na tle innych?

  1. <script type="text/JavaScript">
  2. function zakladka(nr)
  3. {
  4. var divy = document.getElementById('TRESC').getElementsByTagName('div');
  5. for (var i=0;i<divy.length;i++)
  6. if (divy[i].attributes['class'].nodeValue=='zakladka')
  7. if (divy[i].attributes['id'].nodeValue.substr(1)==nr)
  8. divy[i].style.zIndex = 1;
  9. else
  10. divy[i].style.zIndex = 0;
  11.  
  12. var a = document.getElementById('ZAKLADKI').getElementsByTagName('a');
  13. for (i=0;i<a.length;i++)
  14. if (a[i].href.substring(a[i].href.indexOf('(')+1,a[i].href.indexOf(')'))==nr)
  15. a[i].style.backgroundImage = 'http://msplus.vel.pl/images/part2_sz13/zakladka2.gif';
  16. else
  17. a[i].style.backgroundImage = '';
  18. }
  19.  
  20. zakladka(1);
  21. </script>


Tu widać to na stronie na dole:
http://stores.ebay.pl/msplusdesign/pages/s...l?_mode=preview
Petre
Na dole w linku widzę efekt hover.

Z hoverem zrobiłbym to w jquery typu
  1. $('#tab a').hover(
  2. function () {
  3. $(this).addClass("hover");
  4. },
  5. function () {
  6. $(this).removeClass("hover");
  7. }
  8. );


w css definiujesz sobie styl czyli czcionkę większa czy co uznasz.

http://api.jquery.com/hover/
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.