Skip to content

Instantly share code, notes, and snippets.

@escusado
Created November 2, 2013 23:03
Show Gist options
  • Save escusado/7284439 to your computer and use it in GitHub Desktop.
Save escusado/7284439 to your computer and use it in GitHub Desktop.
<html>
<head>
<title>Ejemplo alex</title>
<style type="text/css">
#mi-titulo{
color: blue;
font-size: 150px;
}
.texto-rojo{
color: red;
}
</style>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
</head>
<body>
<h1 id="mi-titulo">Este es un titlus</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt /codeut <span class="texto-rojo">labore et dolore magna aliqua. Ut enim ad minim veniam,</span>
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. <b> Duis aute irure</b> dolor in <span class="texto-rojo">reprehenderit</span> in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. <div>Excepteur</div> sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<div></div>
<span></span>
</body>
<script type="text/javascript">
$('#mi-titulo').mouseenter(function () {
$('#mi-titulo').css('color', 'green');
$('#mi-titulo').html('nuevo codigo')
});
$('#mi-titulo').mouseout(function () {
$('#mi-titulo').css('color', 'yellow')
});
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment