Implementation of image enlargement and appearance after Mouse sliding

After a javascript mouse is used, the image is zoomed in and displayed. & Nbsp; 1 & lt; script & gt; & nbsp; 2 & nbsp; 3 functionGetAbsPosition (obj) & nbsp; 4 {& nbsp; 5 & nbsp; & nbsp; var

After a javascript mouse is used, the image is zoomed in and displayed.

 

1 script
2
3 function GetAbsPosition (obj)
4 {
5 var curleft = 0, curtop = 0;
6 do {
7 curleft + = obj. offsetLeft;
8 curtop + = obj. offsetTop;
9} while (obj = obj. offsetParent );
10 return [curleft, curtop];
11}
12
13 function ShowFloatingImage (image, width, height)
14 {
15 var id = "trailimageid ";
16 var newdiv = document. getElementById (id );
17 if (newdiv = null)
18 {
19 newdiv = document. createElement (div );
20 newdiv. setAttribute (id, id );
21 newdiv. setAttribute (onmouseout, "HideElement (" + id + ");");
22 document. body. appendChild (newdiv );
23}
24 newdiv. innerHTML =;
25
26 var absPos = GetAbsPosition (image );
27 newdiv. style. position = "absolute ";
28 newdiv. style. posLeft = absPos [0]-width/2;
29 newdiv. style. posTop = absPos [1]-height/2;
30 newdiv. style. display = "block ";
31}
32
33 function HideElement (id)
34 {
35 var elem = document. getElementById (id );
36 elem. style. display = "none ";
37}
38
39 script
40
Example 41:
42