NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
Avatar
Jan Osuský
Člen
Avatar
Jan Osuský:9.6.2019 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.6.2019 18:46
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:10.6.2019 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.6.2019 8:06
 
Nahoru Odpovědět
10.6.2019 8:05
Avatar
Jan Osuský
Člen
Avatar
Jan Osuský:10.6.2019 20:38

Aha, děkuji za odpověď

 
Nahoru Odpovědět
10.6.2019 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.