web前端圖片輪番Javascript實現
阿新 • • 發佈:2018-11-23
首先獲取元素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>