Red de conocimiento informático - Conocimiento de la instalación - Solicitar código fuente del efecto de cambio de imagen JS

Solicitar código fuente del efecto de cambio de imagen JS

Rotación de degradado de imagen y botón redondo

Archivo de estilo: jquery.animate.css

*{ margin: 0; padding: }

.animate{ position; : relativo; altura: 212px; }

.animate ul li{ posición: absoluta; pantalla: altura: 212px; ancho: 100; altura: 212px; }

.animatebtns{ ancho: 993px; margen: 0 auto; posición: relativa; }

.animatebtns{ posición: absoluta; : -32px; índice z: 0; }

: -32px; índice z: 99; }

.animatebtns div a{ pantalla: bloque en línea; FFF; ancho: 18px; alto: 18px; alto de línea: 18px; alineación de texto: centro; borde: 1px sólido; margen izquierdo: 6px; -opacidad: 0,5; -wek-opacidad: 0,5; }

. animatebtns div a: hover{ filtro: alfa(opacidad=100); -moz-opacidad: 1; opacidad: 1; color del borde: #BBB; }

.animatebtns div a .currentbtn{ filtro: alfa(opacidad=100); opacidad: 1; : 1; color del borde: #BBB; }

Archivo de código:

lt;! DOCTYPE htmlgt;

lt;htmlgt;

lt;headgt;

lt;meta http-equiv="Contenido-Tipo" content="text/html ; charset=utf-8" /gt;

lt; link rel="stylesheet" type="text/css" href="css/jquery.animate.css"gt;

lt;script type="text/javascript" src="script/jquery -1.6.3.min.js"gt;lt;/scriptgt;

lt;script type="text/javascript "gt;

$(función () {

var index = 0;

var count = $(".animate li").length;

var timer = setInterval(autoplay, 2000

$(".animate li").css("opacidad", "0"); > $(".animate li. eq(0)").css({ "z-index": "1", "opacity": "1" });

$(".animatebtns a:eq(0)").addClass("currentbtn");

function play(index) {

$(".animate li:eq(" index ")").stop( verdadero, falso).animate({ "opacidad": "1" }, 1000).css({ "z-index": "1" }).siblings().animate({ opacidad: 0 }, 1000). css({ "z-index": "0" });

$(".animatebtns a:eq("index ")").stop(true, false).

animate({ "opacidad": "1" }, 1000).siblings(). animate({ opacidad: 0.8 }, 1000);

}

$(".animatebtns a").click(función () {

index = $(this).index();

clearInterval( temporizador); play(index);

temporizador = setInterval(reproducción automática, 2000);

});

función reproducción automática() {

if (índice gt; = recuento - 1) { índice = -1; }

índice ; reproducir(índice);

}

}); ;

lt;/headgt;

lt;bodygt;

lt;div class="animate"gt;

lt; ulgt;

lt;ligt;lt;a style="background:url('images/banner/animate01.jpg') centro sin repetición"gt;lt;/a gt;

lt;/ligt;

lt;ligt;lt;a style="background: url('images/banner/animate02.jpg') centro sin repetición"gt;lt;/agt

lt;/ligt;

lt;ligt;lt;a style="antecedentes: url('images/banner/animate03.jpg') centro sin repetición"gt ;lt;/agt;

lt;/ligt;

lt;ligt;lt;a style="fondo: url('images/banner/animate04.jpg') no -centro de repetición"gt;lt;/agt;

lt;/ligt;

lt;ligt;lt;a style="fondo: url('images/banner/animate05 .jpg') centro sin repetición"gt;lt;/agt;

lt;/ligt;

lt;/ulgt;

lt;/ divgt;

lt;div class="animatebtns"gt;

lt;divgt;

lt;a style=""gt;1lt;/agt ;lt;agt;2lt;/agt;lt;agt;3lt;/agt;lt;agt;4lt;/agt;lt;agt;5lt;/agt;

lt;/divgt;

lt;/divgt;

lt;/divgt;

lt;/bodygt;

lt;/htmlgt;

lt;/htmlgt;