JQuery arra is képes, hogy menet közben alakítsa át a weboldal kinézetét. Tegyük keretbe a csapatokat
<html>
<head>
<title></title>
<script src="js/jquery.js"></script>
<script>
$("document").ready(function(){
$(".keret").hover(keretrajz);
function keretrajz(){
$(this).toggleClass("csapatkeret");
}
})
</script>
<style>
.csapatkeret{
border: 1px solid black;
}
</style>
</head>
<body>
<h1 class="keret"> Hajrá Arsenal!!!</h1>
<h1 class="keret"> Hajrá Vidi!!!</h1>
<h1 class="keret"> Hajrá PAOK!!!</h1>
<h1 class="keret"> Hajrá Wimbledon!!!</h1>
</body>
</html>
Videó: