JS no dead ends to achieve eight times the mirror

JS achieve a magnifying glass

开发工具与关键技术:DW,js
作者:蛋蛋
撰写时间:2019年2月10日

A: the picture area can be enlarged mouse slidably FIG
Ø first wrap a box with a large ID = div "Box">
Ø slider, right and left sides, respectively, a div
Ø rewritable CSS style
Here Insert Picture Description
1. The left image reduced to half on the right; the layout of the slider used to locate,
2.Rgba (255,255,255,0.3)NOTE: 255 is the maximum value, 0.3 for the final transparency.
Next, look JS layout:
Here Insert Picture Description

left: current into X-axis slider halved width.

Top: Y-axis current is halved into a high slider.

Here Insert Picture Description

Guess you like

Origin blog.csdn.net/qq_42577408/article/details/86999447