Geek tričko zdarma Geek tričko zdarma
Tričko zdarma! Stačí před dobitím bodů použít kód TRIKO15. Více informací zde
Avatar
Jan Osuský
Člen
Avatar
Jan Osuský:9. června 18:46

Ahoj, na mých stránkách, jsem si zprovoznil noční režim. V navigačním menu mám na odkazech nastavený hover, ten ale v nočním režimu nevypadá dobře a potřeboval bych v něm změnit barvu písma.

Zkusil jsem: Použít selector

$('nav ul li:hover').css({'color': 'black');

a hledat na stránkách

Chci docílit: Změnění barvy textu odkazů v nočním režimu

 
Odpovědět 9. června 18:46
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:10. června 8:05

Css vlastnosti v js nepouzivej, to se snadno ti vymsti. Jdi cestou class.

element.className += ' ahoj'; // js
element.classList.add('ahoj'); // novy js
$( "p" ).addClass( "myClass yourClass" ); // jquery https://api.jquery.com/addClass/
$$("p").addClass('cf'); // Moo tools

google = jquery css color
3. odkaz .css() | jQuery API Documentation, zapisuje se to jinak

$( "p" ).on( "mouseover", function() {
  $( this ).css( "color", "red" );
});
//---
$( "p" )
  .on( "mouseenter", function() {
    $( this ).css({
      "background-color": "yellow",
      "font-weight": "bolder"
    });
  })
  .on( "mouseleave", function() {
    var styles = {
      backgroundColor : "#ddd",
      fontWeight: ""
    };
    $( this ).css( styles );
  });
//---
  $( this ).css({
    width: function( index, value ) {
      return parseFloat( value ) * 1.2;
    }

Konkretne ti tam schazi zavorka, proto radeji volim cestu copy-paste, ikdyz nemusim :)

Editováno 10. června 8:06
 
Nahoru Odpovědět 10. června 8:05
Tento výukový obsah pomáhají rozvíjet následující firmy, které dost možná hledají právě tebe!
Avatar
Jan Osuský
Člen
Avatar
Jan Osuský:10. června 20:38

Aha, děkuji za odpověď

 
Nahoru Odpovědět 10. června 20:38
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 3 zpráv z 3.