emu in blogjava

            BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理 ::
            171 隨筆 :: 103 文章 :: 1052 評論 :: 2 Trackbacks
          剛才解答論壇上一個帖子順手寫的代碼,貼出來免得下次找不著。



          <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>
          posted on 2005-06-28 18:28 emu 閱讀(1379) 評論(0)  編輯  收藏

          只有注冊用戶登錄后才能發表評論。


          網站導航:
           
          主站蜘蛛池模板: 疏勒县| 琼海市| 成武县| 法库县| 手机| 三门县| 南漳县| 盘锦市| 胶南市| 江北区| 修文县| 云林县| 南汇区| 万安县| 大田县| 霞浦县| 海林市| 泉州市| 榆树市| 天水市| 永泰县| 北辰区| 彭山县| 五常市| 忻城县| 奉化市| 井陉县| 天全县| 普兰店市| 甘泉县| 蒙城县| 会泽县| 昌平区| 鄢陵县| 达孜县| 三穗县| 宕昌县| 左云县| 柳林县| 洮南市| 正镶白旗|