1.淡入淡出轮播图.js 533 B

12345678910111213141516171819
  1. // var active = document.querySelector(".active");
  2. // active.onclick = function() {
  3. // console.log("111")
  4. // }
  5. var lis = document.querySelectorAll(".list li");
  6. var imgs = document.getElementsByTagName("img");
  7. // var isNow = 0;
  8. for(var i=0;i<lis.length;i++) {
  9. lis[i].index = i;
  10. lis[i].onclick = function() {
  11. for(var j=0;j<lis.length;j++) {
  12. lis[j].className = '';
  13. imgs[j].className = '';
  14. }
  15. this.className = 'selected';
  16. imgs[this.index].className = 'active';
  17. }
  18. }