Swift týden
Pouze tento týden sleva až 80 % na e-learning týkající se Swift
30 % bodů zdarma na online výuku díky naší Slevové akci!
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
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.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.