An image zoomed in with the mouse, compatible with FF
SCRIPT
Function show (_ this ){
Document. getElementById ("enlarge_images"). innerHTML = "";
}
Function hide (_ this ){
Document. getElementById ("enlarge_images"). innerHTML = "";
}
Function move_layer (event ){
Event = event | window. event;
Enlarge_images.style.left = event. clientX + document. body. scrollLeft + 10;
Enlarge_images.style.top = event. clientY + document. body. scrollTop + 10;
}
Document. onmousemove = move_layer;
SCRIPT
<P align = center style = "overfow: hidden; width: 100px; height: 100px"> </p> <p align = center style = "overfow: hidden; width: 100px; height: 100px "> </p> <p align = center style =" overfow: hidden; width: 100px; height: 100px "> </p> <p id =" enlarge_images "style =" position: absolute; z-index: 2 "> </p> SCRIPT function show (_ this) {document. getElementById ("enlarge_images "). innerHTML = "";} function hide (_ this) {document. getElementById ("enlarge_images "). innerHTML = "";} function move_layer (event) {event = event | window. event; enlarge_images.style.left = event. clientX + document. body. scrollLeft + 10; enlarge_images.style.top = event. clientY + document. body. scrollTop + 10;} document. onmousemove = move_layer; SCRIPT
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]