页面放大镜

 

<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>

 

放大框移动有点卡

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值