JBOSS 點滴

          豐豐的博客

          javascript 圖片放大縮小

          一\先在HTML里增加圖片,并定義好ID號:
            <div style="height: 400px; overflow: auto;">
            <span id="p"></span>
            <img id="oImg" src="

            </div>
          二\放入放大縮小按鈕
          <button onmousedown="chgSize(true);" onmouseup="window.clearTimeout(oTime);">&uarr;</button>
          <button onmousedown="chgSize(false);" onmouseup="window.clearTimeout(oTime);">&darr;</button>
          三\寫調用函數
          <script language="javascript">
              var oTime;
              function chgSize(args) {
                  var oImg = document.all['oImg'];
                  oImg.style.zoom = parseInt(oImg.style.zoom) + (args ? +1 : -1)  + '%';
                  oTime = window.setTimeout('chgSize(' + args + ')', 1);
              }    
          </script>

          說明:當縮標按下時(onmousedown)執行chgSize(),鼠標松開(onmouseup)清除時間window.clearTimeout(oTime);
          parseInt(oImg.style.zoom) + (args ? +1 : -1)  + '%';
          當放大為真是點擊一下放大一個像素,,反之,則減小.

          posted on 2007-05-15 15:07 半導體 閱讀(3392) 評論(1)  編輯  收藏

          評論

          # re: javascript 圖片放大縮小 2009-02-21 09:30 sdfds



          www.brides-love.com  回復  更多評論   


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


          網站導航:
          博客園   IT新聞   Chat2DB   C++博客   博問  
           
          主站蜘蛛池模板: 仁化县| 上高县| 商丘市| 永福县| 日土县| 明光市| 北碚区| 旅游| 富蕴县| 永登县| 太仓市| 肃宁县| 武功县| 太仆寺旗| 贵南县| 连城县| 仪陇县| 崇州市| 哈密市| 洛宁县| 江永县| 天门市| 清水河县| 常德市| 洪江市| 长岭县| 南通市| 尚志市| 冀州市| 伊吾县| 确山县| 星子县| 阳泉市| 晴隆县| 砀山县| 三亚市| 岱山县| 新兴县| 睢宁县| 汝城县| 弥勒县|