鷹翔宇空

          學(xué)習(xí)和生活

          BlogJava 首頁 新隨筆 聯(lián)系 聚合 管理
            110 Posts :: 141 Stories :: 315 Comments :: 1 Trackbacks
          原文引自:http://blog.donews.com/lveyo/archive/2006/03/15/769093.aspx

          <html>
          <head>
          <title>emu</title>
          </head>
          <body>
          <BR>
          <BR>
          <img src="http://img.pconline.com.cn/images/photo2/839980/1118509777696.JPG" onmousemove="zoom()" id=srcImg>
          <BR>
          <BR>
          <div style="overflow:hidden"><img id=zoomImg></div>

          <SCRIPT LANGUAGE="JavaScript">
          <!--
          zoomImg.src = srcImg.src;
          srcImg.height = srcImg.height/2;
          var zoomRate = 5;
          zoomImg.height = srcImg.height*zoomRate;
          zoomImg.parentNode.style.width = srcImg.width;
          zoomImg.parentNode.style.height = srcImg.height;
          function zoom(){
          var elm = event.srcElement;
          h = elm.offsetHeight/zoomRate/2;
          w = elm.offsetWidth/zoomRate/2;
          var x = event.x-elm.offsetLeft;
          x=x<(elm.offsetWidth-w)?x<w?w:x:elm.offsetWidth-w;
          zoomImg.style.marginLeft=(w-x)*zoomRate;
          var y = event.y-elm.offsetTop;
          y=y<(elm.offsetHeight-h)?y<h?h:y:elm.offsetHeight-h;
          zoomImg.style.marginTop=(h-y)*zoomRate;
          }
          //-->
          </SCRIPT>
          </body>
          </html>



          Trackback: http://tb.donews.net/TrackBack.aspx?PostId=769093

          posted on 2006-05-31 16:19 TrampEagle 閱讀(402) 評論(0)  編輯  收藏 所屬分類: web
          主站蜘蛛池模板: 阳春市| 惠来县| 衡东县| 仁怀市| 桂阳县| 宝鸡市| 永济市| 新余市| 盐津县| 武鸣县| 开封县| 华安县| 嘉善县| 蒙城县| 通辽市| 和田市| 沙洋县| 济宁市| 沛县| 霸州市| 天柱县| 锡林郭勒盟| 静乐县| 新丰县| 兴化市| 县级市| 廊坊市| 民县| 城口县| 吴旗县| 新乐市| 自治县| 财经| 兴城市| 郎溪县| 宁国市| 蛟河市| 沈阳市| 安国市| 呼图壁县| 开鲁县|