CÓDIGO 1 – completo para página
TEXTO
CÓDIGO -2
1-6-HOVER2
<a href="#"><img src=" http://www.histologia.pro.br/wp-content/uploads/2016/10/6-matrizterrit.jpg "
onmouseover="this.src=' http://www.histologia.pro.br/wp-content/uploads/2016/10/6-matrizterritMO.jpg '"
onmouseout="this.src=' http://www.histologia.pro.br/wp-content/uploads/2016/10/6-matrizterrit.jpg '" /></a></div>
CÓDIGO 3
1-6-HOVER2 REPETIDO COM ICB.MOL
<a href="#"><img src=" http://mol.icb.usp.br/wp-content/uploads/16-3.jpg "
onmouseover="this.src=' http://mol.icb.usp.br/wp-content/uploads/16-3-MO.jpg '"
onmouseout="this.src=' http://mol.icb.usp.br/wp-content/uploads/16-3.jpg '" /></a></div>
CÓDIGO -4
Teste Hover 9 -taphover- 1 codigo de 10A OK
</p>
<a class="taphover" <a href="#"><img src=" http://www.histologia.pro.br/wp-content/uploads/2016/10/6-matrizterrit.jpg " onmouseover="this.src=' http://www.histologia.pro.br/wp-content/uploads/2016/10/6-matrizterritMO.jpg '" onmouseout="this.src=' http://www.histologia.pro.br/wp-content/uploads/2016/10/6-matrizterrit.jpg '" /></a></div>
<div onclick="">Click Me!</div>
</div>
</body>
</html>
CÓDIGO 5 OK
<div class="extra"><a href="#"><img src=" http://mol.icb.usp.br/wp-content/uploads/16-3.jpg "
onmouseover="this.src=' http://mol.icb.usp.br/wp-content/uploads/16-3-MO.jpg '"
onmouseout="this.src=' http://mol.icb.usp.br/wp-content/uploads/16-3.jpg '" /></a></div>
</div>
CÓDIGO 7
TESTE 2 10A FUNCIONA RESUMIDO
<div class="extra"><a href="#"><img src=" http://mol.icb.usp.br/wp-content/uploads/16-3.jpg "
onmouseover="this.src=' http://mol.icb.usp.br/wp-content/uploads/16-3-MO.jpg '"
onmouseout="this.src=' http://mol.icb.usp.br/wp-content/uploads/16-3.jpg '" /></a></div>
</div>
<>
<>
CÓDIGO 8
TESTE 3 Hover 9 -taphover- 1 codigo de 10A JAVASCRIPT
</p>
<a class="taphover" <a href="#"><img src=" http://www.histologia.pro.br/wp-content/uploads/2016/10/6-matrizterrit.jpg " onmouseover="this.src=' http://www.histologia.pro.br/wp-content/uploads/2016/10/6-matrizterritMO.jpg '" onmouseout="this.src=' http://www.histologia.pro.br/wp-content/uploads/2016/10/6-matrizterrit.jpg '" /></a></div>
<div onclick=""></div>
</div>
</body>
</html>
<>
<>
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
a {
display: inline-block;
}
a.taphover:hover, a.taphover.hover {
width:300px;
height:300px;
}
</style>
<script type="text/javascript">
$('a.taphover').on("touchstart", function (e) {
"use strict"; //satisfy the code inspectors
var link = $(this); //preselect the link
if (link.hasClass('hover')) {
return true;
} else {
link.addClass("hover");
$('a.taphover').not(this).removeClass("hover");
e.preventDefault();
return false; //extra, and to make sure the function has consistent return points
}
});
</script>
</head>
<body>
<p>
<>
<>
</div>
</body>
</html>