¿Cómo implementar la función de desplazamiento del mouse en la página web? Parece que la clase Java puede hacerlo. No sé cómo hacerlo.
Html muestra la imagen original.
ltA href = "../images/4 . jpg " class = "vista previa " title = "Esquí loco" > ltimg src = "../images/4s . jpg "/ lt/ a gt;
ltA href = "../images/photo _ 1 . jpg " class = " vista previa " title = "Mascota olímpica " > ltimg ancho = " 100 " alto = " 75 " src = "../images/photo _ 1 _ small . gif "/ gt; lt/a gt;
El siguiente es el proceso principal de jQuery para implementar la vista previa de imágenes.
Evento Hover()
xOffset = 10;
yOffset = 30
$("a . vista previa"). hover(función(e){
this.t = this.title;
this.title =
var c = (this.t!= " ") ?" ltbr/> this . t: " ";
$("text"). > this.href "' alt= 'vista previa de imagen'/gt;" c "lt;/p gt;");
$(" #preview")
. ("arriba ", (e.pageY - xOffset) "px ")
css("izquierda ", (e.pageX yOffset) "px ")
. rápido");
}, función(){
este . título = este . t;
$("#preview "). excepto() ;
});
La imagen de vista previa se encuentra por primera vez en el programa. Cuando el cursor se mueve a una imagen, la imagen de vista previa de la imagen se agrega al texto. css() especifica la posición de la imagen y fadeIn() finalmente muestra la imagen de vista previa cuando el cursor sale de la imagen p>
Mueve la vista previa cuando usas el método mousemove()
.Finalmente, cuando el mouse se mueve sobre la imagen, debe usar el método mousemove() para mover la vista previa de la imagen
$("a .vista previa").MouseMove(function(e){.
$(" #preview")
.css("top",(e. pageY - xOffset) "px ")
. left", (e. pagex yOffset) "px");
});
El código completo para la vista previa de la imagen usando JQuery.
this.imagePreview = function(){
xOffset = 10
yOffset = 30
$("a . vista previa" ). hover(función(e){
this.t = this.title;
this.title =
var c = (this.t!= " ") ?" ltbr/> this . t: " ";
$("text"). > this.href "' alt= 'vista previa de imagen'/gt;" c "lt;/p gt;");
$(" #preview")
. ("arriba ", (e.pageY - xOffset) "px ")
css("izquierda ", (e.pageX yOffset) "px ")
. rápido");
}, función(){
este . título = este . t;
$("#preview "). excepto()
});
$("a . vista previa").MouseMove(función(e){
$(" #Vista previa ") p>
.css("arriba ", (e.pageY - xOffset) "px ")
.css("izquierda ", (e.pagex yOffset) "px " ); p>
});
};