• 广告商业广告，理性选择

  
    
    
  
  
    

      
      
      
    
    

      

        

          
序列号
          
用户名
          
年龄
        
      
      

        

          

          
alex
          
19
        
        

          

          
alex
          
19
        
        

          

          
alex
          
19
        
        

          

          
alex
          
19
        
      
    
        
    
  

  
    
    
  
  
    

      
男
      
女
      
女司机
    
    
  

  
    
    
  
  
    
333
      123
      123
    
    

      
1  
      
2
      
    
    
  

  
    
    
  
  
    
    
    //可以构造出一种选择器
    
    
    

      
      
123
      
123
      
123
      
123
      
123
      
123
      
123
      
123
      
123
    
    
  

  
    
    
  
  
    

      
      
    
    

      

        
alex
        
eric
      
    
    
    

案例七：

  
    
    
    
  
  
    
    
当鼠标进入是，移除内容
    
当输入表退出时，添加内容
    
    
    
  

案例八：头部菜单

  
    
    
    
  

  
    

      

        
十八里店
        
簋街
        
后海
      
      

        
烤全羊
        
麻辣龙虾
        
相约酒吧
      
    
    
  

  
    
    
    
  
  
    

      

        

          

            
十八里店
            
簋街
            
十刹海
          
        
        

          
烤羊腿
          
>油焖小龙虾
          
>香甜鸡尾酒
          
        
      
        
    
    
  

案例九：返回顶部

主要知识点：onscroll 和document.body.scrollTop;

  
    
    
    
  
  
    

      
asdfafdasdf
      
    
    

      返回顶部
      
    
    
  

案例十：

主要知识点：

//scroll 滚动；卷轴的意思

// scrollTop: 滚动条距离顶部高度

// scrollHeight: 文档高度:自身+padding

// clientTop: 边框高度

// clientHeight: 当前范围可视的高度:自身 + padding

//offset 印刷的意思

// offsetTop: 当前标签距离"顶部"的高度(body)

// 如果他的上一级没有postion,如果有则按照position的标签为主

// offsettHeight: 自身范围的高度:自身+padding+border

  
    
    
  
  
    

    

      

        

          
sdf
sdf
sdf
sdf
sdf
sdf
sdf
sdf
          
sdf
sdf
sdf
sdf
sdf
sdf
sdf
sdf
          
sdf
sdf
sdf
sdf
sdf
sdf
sdf
sdf
          
sdf
sdf
sdf
sdf
sdf
sdf
sdf
sdf
          
sdf
sdf
sdf
sdf
sdf
sdf
sdf
sdf
          
sdf
sdf
sdf
sdf
sdf
sdf
sdf
          
sdf
sdf
sdf
sdf
sdf
sdf
sdf
sdf
          
sdf
sdf
        
      
    
    
  

好了，暂时就介绍到这里希望大家多写多练，主要是其中的逻辑，当然现在很多人都开始使用jquery了，大家也多注意。