Hola!!
Tengo esta función en javascript
:
Código Javascript
:
Ver original<script type="text/javascript">
$(function() {
$('.fp').each(function() {
$(".fp01").hover(
function() {
$(".fp" ).stop().animate({ opacity: 0.3 }, 1000);
$(this).stop().animate({ opacity: 1.0 }, 800);
$(".ft01" ).stop().animate({ opacity: 1.0 }, 1000);
},
function() {
$(".fp" ).stop().animate({ opacity: 1.0 }, 1000);
$(this).stop().animate({ opacity: 1.0 }, 800);
$(".ft01" ).stop().animate({ opacity: 0.0 }, 1000);
})
//
//
//
$(".fp02").hover(
function() {
$(".fp" ).stop().animate({ opacity: 0.3 }, 1000);
$(this).stop().animate({ opacity: 1.0 }, 800);
$(".ft02" ).stop().animate({ opacity: 1.0 }, 1000);
},
function() {
$(".fp" ).stop().animate({ opacity: 1.0 }, 1000);
$(this).stop().animate({ opacity: 1.0 }, 800);
$(".ft02" ).stop().animate({ opacity: 0.0 }, 1000);
})
//
//
//
$(".fp03").hover(
function() {
$(".fp" ).stop().animate({ opacity: 0.3 }, 1000);
$(this).stop().animate({ opacity: 1.0 }, 800);
$(".ft03" ).stop().animate({ opacity: 1.0 }, 1000);
},
function() {
$(".fp" ).stop().animate({ opacity: 1.0 }, 1000);
$(this).stop().animate({ opacity: 1.0 }, 800);
$(".ft03" ).stop().animate({ opacity: 0.0 }, 1000);
})
//
//
//
$(".fp04").hover(
function() {
$(".fp" ).stop().animate({ opacity: 0.3 }, 1000);
$(this).stop().animate({ opacity: 1.0 }, 800);
$(".ft04" ).stop().animate({ opacity: 1.0 }, 1000);
},
function() {
$(".fp" ).stop().animate({ opacity: 1.0 }, 1000);
$(this).stop().animate({ opacity: 1.0 }, 800);
$(".ft04" ).stop().animate({ opacity: 0.0 }, 1000);
})
});
});
Siempre es la misma función que se activa en una clase o en otra, esto lo tengo que reproducir unas 20 veces :(
Hay alguna manera para acortar o automatizar el código para que lo haga automático?
Ya que es el mismo nombre para todas las clases solo cambia el numero.
Gracias :)