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.