La página móvil h5 muestra el primer div por primera vez. ¿Cómo escribir jq para cambiar al siguiente después de hacer clic en este? también
El archivo adjunto es el archivo fuente.
<! tipo de documento? html & gt
& lthtml & gt
& lthead & gt
& ltmeta? charset="utf-8 "
& lttitle & gtJavaScript? ¿Probar </title>
</head>
<body>
<Script? src = "/jquery-2.1.4 . min . js " & gt; & lt/script & gt;
& lth 1 & gt;
& lth3 & gtDebido a que esta es la primera vez que escribo en modo orientado a objetos, inevitablemente hay algunas deficiencias, especialmente eventos de clic vinculantes, que me dieron dolor de cabeza toda la tarde. Corríjalo usted mismo
& ltp? id = " mostrar " & gt& lt/p & gt;
& ltdiv? id = " c " & gt
Div utilizado para mostrar imágenes
& lt/div & gt;
& ltdiv? id = " s " & gt
Otro div que muestra imágenes.
& lt/div>
& ltscript>
//¿Crear un constructor? 1. ¿Objeto (cadena)? 2.2 El tamaño de la imagen de la dirección src (matriz) debe ser consistente; de lo contrario, la imagen se mostrará de acuerdo con los parámetros establecidos por las puertas traseras 3 y 4. 3. ¿Ancho de visualización? 4. ¿Función de altura de visualización
? obj(obj, srcArr, ancho, alto){
ventana.obj número++;obj total +1;obj. el objeto actual en obj.obj
this id = window .obj . //Defina una identificación de identificación, comenzando desde 0 para facilitar la indexación.
this.obj = obj //Cadena del objeto actual
this index = 0 //El índice de posición de la imagen se inicializa a 0.
this .Sr carr = Sr carr; //La matriz de dirección de imagen del objeto actual
this.width = width //Establece el ancho inicial
this .height = height; //Establecer la altura inicial
//Vincular el evento de clic
eval('$("'+this.obj+' ").click( función(){ ventana .obj .obj['+este .id+'])siguiente llamada(ventana .obj .obj['+este .id+');});');
} p>
obj . number = 0; obj . obj = Array(); //Inicializa el número de obj en 0 e inicializa obj.obj como una matriz.
Obj.prototipo.next = function(){//Agrega el siguiente método a obj.
If (this.index?==?This.srcArr.length){//¿Es el índice igual al número de matrices de imágenes, porque el índice comienza desde 0 y el número comienza desde 1?
this . index = 0; //Igual al final, restablecido a cero.
}
$(este.obj). css({ 'width':' 0px ', 'height':' 0px ' }); //Establece el ancho y alto inicial
var? BG = 'URL('+this. Sr carr[this. index]+')'; //¿Variables locales? Almacenar información de URL
$(this.obj). CSS({ ' background ':BG }); //Cambiar el fondo
$(this.obj). animate({'width':this.width,'height':this.height});//Animar al ancho y alto objetivo
this.index++;//La dirección del índice de la imagen aumenta y señala a la siguiente ubicación de la imagen.
}
//Usar piezas
$(documentación). ready(function(){//El código jQuery que comienza a ejecutarse después de cargar el documento.
var?Arr=['F:/Desktop Background/Pictures/219861.jpg ',' F:/ Fondo de escritorio/ Imagen/225987 .jpg ']; //Crear una matriz de direcciones de imagen
var? obj 1 = new? object
obj 1. next(); //Debido a que no hay imagen al principio, se llama al siguiente método para dibujar uno
//Al crear obj, pruebe si. se pueden crear varios objetos al mismo tiempo.
var? obj2 = new? obj("#s", arr, 1440, 1280); ;
$( '#show '). html('Actualmente hay '+obj.number+"object'); // Comprueba cuántos objetos hay.
}) ;
& lt/script & gt;
& lt/body & gt;
& lt/html & gt;