JavaScript案例合集（一）

循环精灵图和显示隐藏文本框内容

显示隐藏文本框内容

密码框格式提示错误信息

    
    
    
    
    



    

        
        
请输入6~16位密码
    
    

页面背景替换

表格隔行变色效果

        //1.注册元素
        var trs = document.querySelector('tbody').querySelectorAll('tr');
        //2.绑定事件
        for (var i = 0; i < trs.length; i++) {
            //经过事件
            trs[i].onmousemove = function() {
                    this.className = 'bg';
                }
                //离开事件
            trs[i].onmouseout = function() {
                this.className = '';
            }
        }

表单全选取消全选

    
    
    




    

        

            

                

                    

                        
                    
                    
商品
                    
价钱
                
            
            

                

                    

                        
                    
                    
iPhone8
                    
8000
                
                

                    

                        
                    
                    
iPad Pro
                    
5000
                
                

                    

                        
                    
                    
iPad Air
                    
2000
                
                

                    

                        
                    
                    
Apple Watch
                    
2000
                

            
        
    
    

tab栏切换

    
    
    
    
    



    

        

            

                
栏目1
                
栏目2
                
栏目3
                
栏目4
            
        
        

            
床前明月光
            
疑是地上霜
            
举头望明月
            
低头思故乡