Efecto en imagenes al pasar el cursor

nosempres · #1 (**permalink**) 31/08/2012, 14:47

Hola,

Me gustaria saber si hay alguna forma de realizar el siguiente efecto que les voy a enseñar en imagenes.

He visto una pagina web en la cual, al pasar el cursor por encima de las imagenes estas parpadean de color rosa, es alguna especie de efecto, me gustaria saber si hay algun codigo el cual me permita realizar algo igual o parecido con imagenes propias.

AVISO ES UN LINK EROTICO:

http://www.viveescorts.com/modelos

Un saludo.

flashmax · #2 (**permalink**) 31/08/2012, 17:29

te paso el code edita a tu gusto:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="http://www.viveescorts.com/css/framework.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="http://www.viveescorts.com/css/site_styles.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="http://www.viveescorts.com/css/jqueryslidemenu.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="http://www.viveescorts.com/css/colorbox.css" type="text/css" media="screen, projection">
<script type="text/javascript" SRC="http://www.viveescorts.com/js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("img.a").hover(
	function() {
	$(this).stop().animate({"opacity": "0"}, "slow");
	},
	function() {
	$(this).stop().animate({"opacity": "1"}, "slow");
	});
 
});
</script>
<script type="text/javascript" SRC="http://www.viveescorts.com/js/jquery.color.js"></script>
<script type="text/javascript"> 

        $(document).ready(function(){
                $(".bg").hover(function() {
                $(this).stop().animate({ backgroundColor: "#f39" }, 200);
        },function() {
                 $(this).stop().animate({ backgroundColor: "#000000" }, 400);
        });
		
  });
</script>
</head>
<body>
<div class="container">
<div class="span-8_5"> 
<div class="bg"><a href="modelo/10"><img src="imagen.jpg" width=290 alt="and" /></a>
<h4><a href="modelo/10">And</a></h4>
<p><strong>And</strong></p>
<p>.Pre</p>
</div>
</div>
</body>
</html>