js 放大与缩小功能，在线等

(1)
<input name="big" type="image"  onClick=""  src="../css/images/map_but02.GIF"/>
一直点上面的控键时，就像向前滚动鼠标轮一样，(有时能把东西一直放大)，怎么实现呀，
<input name="sm" type="image"  onClick=""  src="../css/images/map_but02.GIF"/>
(2)一直点上面的控键时，就像向后滚动鼠标轮一样，（把东西一直放小），怎么实现呀，
谢谢

解决方案 »

  1.   

    点击事件中改变对象尺寸,给你提供一个简单的思路
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <SCRIPT LANGUAGE="JavaScript">
      <!--
    function a(){
    var o=document.getElementById("testImg");
    var swidth=parseInt(o.style.width);
    var sheight=parseInt(o.style.height);
    o.style.width=(swidth+10)+"px"
    o.style.height=(sheight+10)+"px"
    }
      //-->
      </SCRIPT>
     </HEAD>
    <img src="http://avatar.profile.csdn.net/F/B/3/2_zgycsmb.jpg"  id="testImg" style="width:64px;height:64px;"/><input type="button" value="放大" onclick="a()"/>
     <BODY>
      
     </BODY>
    </HTML>
      

  2.   

    这样放大有用不?图片原来要很大的才好,要不放大
    后就会模糊的.比如一张图是1024*768大小的.你
    显示成256*192,或4*3的,为了不变形,LS的做法还
    是不推荐的.最好是弄成百分比.width*12/10这样的
    就不会变形了.
    还有就是可能:你看到图片可以拖动,然后下面有一条
    工具栏,一个加号一个减号,点击后会变化?,根本还是
    要大图片的.
      

  3.   

    在map 中的示例代码弄好的