頁面放大鏡

 

<html>
<HEAD>
<!-- Begin magnifier-->
<script type="text/javascript">
var times=1.3; //控制縮放程度
if(parent==window)
{
 οnlοad=function()
 {
 var s="<div id='g3' style='position:absolute;overflow:hidden;width:100;height:100;border:1px solid black;zoom:"
 +times+"'><iframe src='' scrolling='no' id='glass' width="+document.body.clientWidth+" height="
 +document.body.clientHeight+"></iframe><div>";
 document.body.insertAdjacentHTML("beforeEnd",s);
 magnifier=document.getElementById("g3");
 frames.glass.location=location;
  document.body.οnmοusemοve=function()
  {
  var x=event.x+document.body.scrollLeft,y=event.y+document.body.scrollTop;
  magnifier.scrollTop=y;
  magnifier.scrollLeft=x;
  // frames.glass.scrollTo(x-25,y-25);
  magnifier.style.left=x;
  magnifier.style.top=y;
  };
      document.body.οnresize=function()
      {
  var w=document.body.clientWidth,h=document.body.clientHeight;
  document.getElementById("glass").style.width=w;
  document.getElementById("glass").style.height=h;
      }
 }
}
</script>
<!-- End magnifier-->
</HEAD>
<BODY style="">
TEST
<img src="p1131119022.jpg">
</BODY>

</html>

 

放大框移動有點卡

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章