1. 程式人生 > >web前端圖片輪番Javascript實現

web前端圖片輪番Javascript實現

首先獲取元素ID賦值給變數,然後對變數新增點選事件,以下是沒有運用陣列的情況

<script>
  	/*圖片輪番*/
	window.onload=function(){
    	var pre=document.getElementById("pre");
      	var next=document.getElementById("next");
      	var pic=document.getElementById("pic");
      	n=5;
      	
      next.onclick=function(){
      	n=n+1;
        if(n>7){
        	n=5;
        }
        pic.src='{global.cfg_cmspath/}/templets/hx/images/'+n+'.png';
      }
      
      pre.onclick=function(){
      	n--;
        if(n<5){
        	n=7;
        }
        pic.src='{global.cfg_cmspath/}/templets/hx/images/'+n+'.png';
      }
    
    }  
</script>