ダイナミックバインドイベント--es 6

1164 ワード
es 6 



    
    Document
    


    
    
        
  • HTML
    • 
        
  • CSS
    • 
        
  • JavaScript
    • 
        
  • jquery
    • 
        
  • HTML5
    • 
        
  • CSS3
    • 
        
  • ES6
    • 
    

    
        //var liCollection= document.getElementsByTagName("li");
        //for(var i = 0; i < liCollection.length; i++){
        //    var li = liCollection[i];
  // (function(li){
  //  li.onmouseover = function(){
  //   li.className="hover";
  //  };
  //  li.onmouseleave = function(){
  //   li.className="";
  //  };
  // })(li);
            
        //}
  var liCollection= document.getElementsByTagName("li");
        for(var i = 0; i < liCollection.length; i++){
            let li = liCollection[i];
   //(function(li){
    li.onmouseover = function(){
     li.className="hover";
    };
    li.onmouseleave = function(){
     li.className="";
    };
   //})(li);
            
        }
   
rem単位
jQueryで作成した画像のスライド効果