上次刮刮卡的ul委派写法

第一次 ul委派事件 失败的了 所以用循环写的

这次 用ul委派写法

下面js代码

 var ul = document.getElementsByTagName("ul")[0];
    var li = document.getElementsByTagName("li");
    var index = 1;
    var map={};  //创建一个对象来保存对应li的透明度
    for(var i =0;i<li.length;i++){
        li[i].className = String(i);
        //给每个li加个类名
        map[i] = index;
        用map对象保存每个对应li的透明度
        } 
    ul.onmouseover = function(e){
         var event = e || window.event;
         var target = event.target || event.srcElement;
         map[target.className] -= 0.35;
         //当事件触发的时候 每个对应li的透明度减少
         if(map[target.className]<0){
         //判断透明度的大小
             map[target.className]=0;
         }
       target.style.opacity = map[target.className];
       //最后把透明度赋给 触发事件的li 
    }

希望看见的能给我点建议 其他更简单的写法
~~新手

来源：CSDN

作者：qq_45448359

链接：https://blog.csdn.net/qq_45448359/article/details/104220681