Red de conocimiento informático - Aprendizaje de programación - evento de movimiento del mouse de jQuery

evento de movimiento del mouse de jQuery

Este debería ser un simple efecto de puerta corredera.

La estructura del HTML probablemente sea la misma que la tuya, con una lista a la izquierda y un grupo de divs a la derecha.

De hecho, todo lo que necesitas saber es que la lista de la izquierda y el grupo div de la derecha tienen valores de índice. Luego puede controlar esto a través de una variable para que se use para la lista de la izquierda y el botón de la derecha. var?//Inicializar una variable

//Definir una función para ocultar y mostrar el div a la derecha y controlar la lista a la izquierda

function?divShow(int){< / p>

$('#right?.item').hide().eq(int).show();

$('#left?li').removeClass(' current ').eq(int).addClass('current');

}

Necesitamos agregar un evento a la lista de la izquierda;

$(' #left?li').bind({

'mouseover '? :?function(){

// Obtener el valor de índice del elemento actual

int ?=?$(this).index();

/Ejecute la función, el primer elemento div a la derecha se mostrará aquí

divShow( int);

},

'mouseout'?:?function(){

//Acción cuando el mouseout

// int?=?0;

//divShow(int);

}

}

});

Lo mismo ocurre con los botones laterales /Up

$('#prev').bind( {

'click'? :?function(){

// Utilice el criterio aquí Forzar

if(int?lt;=?0){

// El número de dígitos aquí se puede definir externamente;

int?=?($ ('#right?.item').length-1);

}else{

int?=?(int-1 );

} ;

int?=?int;

}

}

});

// para desplazarse hacia abajo

$('#next').bind({

'click'?:?function(){

Utilice su criterio aquí

if(int?gt;=?($('#right?.item').length-1)){

//El El número de dígitos aquí se puede definir externamente;

int?=?0;

}else{

int?=?(int 1);

};

int?=?int;

}

}

});

Si tiene la intención de hacerlo, todos están inicializados, por lo que simplemente establece la variable de índice int en 0 en el evento de mouseout de cada botón.