Lunedì, 26 Novembre 2018 17:42

Esempio 05 - Evento mouseenter

Scritto da

Un altro evento interessante da usare nei nostri siti web. Mouseenter è l'evento che scatta quando passiamo il mouse sopra un oggetto, che sia un tag, una porzione della pagina quindi piuttosto che una immagine come quella dell'esempio qui sotto. Il codice è come sempre allegato con uno zip

<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="utf-8">
<script src="/js/jquery.min.js"></script>
<script>

/*
	Voglio far apparire una alert
	quando passo sull'immagine
*/

$(document).ready(
	function()
	{
		$("#scarlett").mouseenter(
			function()
			{
				alert("Oh, ma sei maggiorenne?");
			}
		
		);// chiude la tonda hover
		
	}//chiude la graffa prima function

);//chiude la tonda ready

</script>
<link href="/css/style.css" rel="stylesheet" type="text/css">
</head>
<body>

<div class="centra">
<img src="/img/immagine.jpg" alt="Scarlett" width="30%" height="30%" id="scarlett"><br>
<a href="/pagina.html" >Entra</a>
</div>

</body>
</html>
Letto 375 volte
Prof. Alfredo Centinaro

Docente di "Scienze e tecnologie informatiche", "Tecnologie e progettazione di sistemi informatici", "Sistemi e Reti" presso IIS Alessandrini-Marino (Teramo), consulente e sviluppatore web. Ha collaborato per anni come sviluppatore presso MHT (ora Engineering 365), assistente Sistemi ed elaborazione dell'informazione in UniTE Corso di laurea in Scienze del turismo culturale, tutor presso Telecom Italia Learning Services (L'Aquila)