Encontrar el código del carrusel js de la página de inicio

lthtml gt

lthead gt

ltmeta charset="UTF-8 "

lttitle gtquery carrusel de enfoque

ltstyle type="text/css "

*{margen: 0; relleno: 0; decoración de texto: ninguno;}

Texto {padding: 20px }

#Container{ancho: 600px alto: 400px borde: 3px sólido # 333 desbordamiento: oculto; posición: relativa;}

# lista { ancho: 4200 px alto: 400px; posición: absoluto; índice z: 1; }

# lista img { float: izquierda }

# botón { posición: absoluto; índice z: 2; abajo: 20px izquierda: 250px}

# botones abarcan {cursor: puntero; flotante: borde: 1px sólido # fff; ; fondo: #333; margen derecho: 5px}

# botón. existir{? Fondo: naranja;}

. flecha {cursor: puntero; visualización: Ninguno; altura de línea: 39 px alineación de texto: centrado; tamaño de fuente: 36 px peso de fuente: negrita; Posición: absoluta; índice z: 2; superior: 180 px; color de fondo: RGBA (0, 0, 0, .. 3); flecha: desplazar el cursor {color de fondo: RGBA(0, 0, 0, . 7);

#Container: desplazar el cursor.

flecha { display: block;}

# anterior { izquierda: 20px;}

# siguiente { derecha: 20px;}

lt/style gt;

ltscript type = " texto/JavaScript " src = " js/jquery . 1.10.2 . js " gt/script gt

ltscript type = " texto/JavaScript " gt; ;

$(función () {

var contenedor = $(' # contenedor ');

var lista = $(' # lista ');

var botones = $(' # botones abarcan ');

var prev = $(' # prev ');

var siguiente = $(' # siguiente ');

var index = 1;

var len = 5;

var intervalo = 3000; Dispositivo;

Animación de función (desplazamiento){

var left = parse int(list . CSS(' left ') offset;

if(offset gt ; 0) {

desplazamiento = ' = ' desplazamiento;

}

else {

desplazamiento = '-= ' ABS. (desplazamiento);

}

list.animate({'left': offset}, 300, función () {

if(left gt; - 200){

list.css('izquierda ',-600 * len);

}

if(izquierda lt; (-600 * len) ) {

list.css('izquierda ', -600

}

}); >

Función showButton() {

botones.eq(index-1 addClass('on').

eliminar clase(' on ');

}

Función play() {

temporizador = setTimeout(función () {

siguiente . trigger('hacer clic');

reproducir();

}, intervalo

}

Función detener( ) {

clearTimeout(temporizador);

}

next.bind('hacer clic', función () {

si ( lista es('：animado '){

return;

}

if (índice == 5) {

índice = 1;

}

En caso contrario {

índice = 1;

}

Animación (- 600 );

mostrar botón();

});

prev.bind('hacer clic en ', función (){

if(list . is('：animated '){

return;

}

if (index == 1) {

índice = 5;

}

En caso contrario {

índice-=

}

animación (600);

mostrar botón();

});

botones.cada(función() {

? $ (esto). bind('click ', function () {

?if(list . is(':animated ')| | $(this). attr('class')==' en ') {

?return;

?}

? var myIndex = parseInt($(this).attr(' index ');

? var offset =-600 *(myIndex-index);

? animación(offset);

? índice = myIndex

? show button();

? })

});

container.hover(stop, play); //Mueve el mouse para detener la rotación. .

jugar();

});

lt/script gt

lt/head gt

ltbody gt

ltdiv id = " contenedor " gt

ltdiv id = " lista " estilo = " izquierda:-600 px gt

ltimg src = " img/5 . jpg " alt = " 1 "/>

ltimg src = " img/1 . jpg " alt = " 1 "/ gt;

ltimg src = " img/2 . jpg " alt = " 2 "/ gt;

ltimg src = " img/3 . jpg " alt = " 3 "/ gt;

ltimg src; = " img/4 . jpg " alt = " 4 "/ gt;

ltimg src = " img/5 . jpg " alt = " 5 "/ gt

ltimg src; = " img/1 . jpg " alt = " 5 "/>

lt/div gt;

ltdiv id = " botones " gt

ltspan index ="1" class="on " > lt/spangt.

ltspan index="2 " > lt/spangt.

ltspan index="3 " > lt/spangt.

ltspan index="4 " > lt/spangt.

ltspan index="5 " > lt/spangt.

lt/div gt;

lta href = " JavaScript:; " id="prev" class="arrow " > amplt; p> lta href = " JavaScript：;" id="next" class="arrow " > ampgt; lt/a gt;

lt/div gt; gt;

lt/html gt;

Puedes copiarlo directamente, ¡recuerda presentar la biblioteca JQ!