- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- Mettere hover alla funzione
-
Mettere hover alla funzione
Quando metto il mouse sul link deve cambiare colore, ho provato in tutti i modi ma non riesco
function _createDismissLink(dismissText) { var dismissLink = document.createElement('a'); _setElementText(dismissLink, dismissText); dismissLink.id = dismissLinkId; dismissLink.href = '#'; dismissLink.style.marginLeft = '24px'; dismissLink.style.textDecoration = 'none'; dismissLink.style.color = '#008000'; return dismissLink; }
-
Prova con CSS, inutile usare javascript per un hover e cambio colore.
a{color:black; transition: all 0.3s;}
a:hover{color:white;}Giusto per test.
-
Mettendo così non appare nemmeno il link
function _createDismissLink(dismissText) { var dismissLink = document.createElement('a'); _setElementText(dismissLink, dismissText); dismissLink.id = dismissLinkId; dismissLink.href = '#'; dismissLink.style.marginLeft = '20px'; dismissLink.style.textDecoration = 'none'; dismissLink.style.color = '#4da64d'; a{color:black; transition: all 0.3s;} a:hover{color:white;} return dismissLink; }
-
Ciao,
la regola che ti è stata indicata va messa nei CSS, non in javascript.
-
Ok, in parte ho risolto. Questo è il codice con il suo css
function _createDismissLink(dismissText) { var dismissLink = document.createElement('a'); _setElementText(dismissLink, dismissText); dismissLink.id = dismissLinkId; dismissLink.href = '#'; dismissLink.style.marginLeft = '20px'; dismissLink.style.textDecoration = 'none'; return dismissLink; } ... a#cookieChoiceDismiss {color:#4da64d;} a#cookieChoiceDismiss:hover {color:#ff0000;}
Ora, quello che non riesco a sistemare è questo
function _createInformationLink(linkText, linkHref) { var infoLink = document.createElement('a'); _setElementText(infoLink, linkText); infoLink.href = linkHref; //infoLink.target = '_blank'; infoLink.style.marginLeft = '8px'; infoLink.style.textDecoration = 'none'; return infoLink; }
-
Ma cosa dovresti fare in pratica? Secondo me ti stai complicando la vita..
-
@MiWebDesign said:
Ma cosa dovresti fare in pratica? Secondo me ti stai complicando la vita..
Ho risolto col css.