Copy codeThe Code is as follows:
<Div class = "jqzoom">
</Div>
<Script src = "// ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"> </script>
<Style type = "text/css">
Body {margin: 0px ;}
Div. zoomdiv {
Z-index: 999;
Position: absolute;
Top: 0px;
Left: 0px;
Width: 200px;
Height: 200px;
Background: # ffffff;
Border: 1px solid # CCCCCC;
Display: none;
Text-align: center;
Overflow: hidden;
}
Div. jqZoomPup {
Z-index: 999;
Visibility: hidden;
Position: absolute;
Top: 0px;
Left: 0px;
Width: 50px;
Height: 50px;
Border: 1px solid # aaa;
Background: # ffffff;
Opacity: 0.5;
-Moz-opacity: 0.5;
-Khtml-opacity: 0.5;
Filter: alpha (Opacity = 50 );
}
</Style>
<Script type = "text/javascript">
$ (Document). ready (function (){
$ (". Jqzoom"). jqueryzoom ({
Xzoom: 400, // sets the length of the enlarged DIV (200 by default)
Yzoom: 400, // set to enlarge the DIV height (200 by default)
Offset: 10, // set to enlarge the DIV offset (10 by default)
Position: "right", // sets the position of the enlarged DIV (right by default)
Preload: 1,
Lens: true
});
});
</Script>
<! -- {Include file = "jqzoom_js.html"} -->