按鈕點擊(還原)效果

 以下是HTML代碼:

<html>
 <head>
  <script src="click.js"></script>
 </head>
 <body>
      <img id="pic1" src="images/sm_02.gif" onclick="myClick(this.id);"/>
   <img id="pic2" src="images/sm_02.gif" onclick="myClick(this.id);"/>
 </body>
</html>

click.js代碼:

   var click_status;
   var clicked_ID;
   var clicked_path;
   function myClick(id){
    if(click_status==1){
     if(clicked_ID=="pic1"){
      document.getElementById(clicked_ID).src = "images/sm_02.gif";
      change(id);
     }
     if(clicked_ID=="pic2"){
      document.getElementById(clicked_ID).src = "images/sm_02.gif";
      change(id);
     }
    }else{
     change(id);
    }
   }


   function change(id){
     click_status = 1;
     var id = id;
     clicked_ID = id;
     var path = document.getElementById(id).src;
     clicked_path = path;
     if(id=="pic1"){
      document.getElementById(id).src = "images/scan.gif";
     }
     if(id=="pic2"){
      document.getElementById(id).src = "images/scan.gif";
     }
    }

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章