视频分享网站首页：最热最新视频特效-白红宇

视频分享网站首页：最热最新视频特效

阅读量：5903 次

发布时间：2019-06-19

本文共 2268 字，大约阅读时间需要 7 分钟。

html代码：

      
     
    
       
      
     最热
     
       
      
             
         
         
           
       
           
        
         
          <大锅fun>
           歪果仁玩坏西游
          
         
      
           
         
                     
          
           
            <大锅fun>
             歪果仁玩坏西游
            
           
   
           
            无节操上演男男“拥吻"
            
   
            
             1453次播放    
               
             
                         
                    
                
              
                  
                  
               
               
                 
                
                       
                   
                   
                     
                 
                     
                  
                   
                    <大锅fun>
                     歪果仁玩坏西游
                    
                   
      
                     
                   
                               
                    
                     
                      <大锅fun>
                       歪果仁玩坏西游
                      
                     
   
                     
                      无节操上演男男“拥吻"
                      
   
                      
                       1453次播放    
                         
                       
                                   
                              
                          
                        
                            
                            
                         
                         
                           
                          
                                 
                             
                               
                           
                                       
                            
                             20:19      
                               
                             
                                 
                                   
                              
                              
                                
                               
                                      
                                  
                                    
                                
                                            
                                 
                                  20:19

css代码：

/* CSS Document *//* 最热视频 */.hotVideo{ width:208px; height:116px; border:0px solid #000;  position:relative; cursor:pointer;}.hotVideoImg{ position:relative; width:100%; height:100%;}.hotImg{ width:208px; height:116px;}.hotMask{ position:absolute; left:0;  top:0;  width:100%;  height:100%; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity:0;}.hotLonger{ position:absolute; z-indent:2; left:7px; top:91px;}.hotVideomeg2{ font-style:Tahoma, Helvetica, sans-serif; font-weight:400;  font-size:14px; color:#FFFFFF; line-height:20px;}.hotVideomeg2_5{ font-style:Tahoma, Helvetica, sans-serif; font-weight:400;  color:#FFFFFF;}.hotVideomeg3{ font:Tahoma, Helvetica, sans-serif;  font-size:13px;  color:#B2B2B2; line-height:20px;}.hotAdd{ z-indent:2;left:188px;top:95px; background-color:#737372;}.hotPlay{ z-indent:2;left:7px;top:85px; background-color:#737372;}.hotVideoMeg{ position:absolute; z-indent:2; left:7px; top:6px;}/* 最新视频 */.newVideo{ width:208px; height:116px; border:0px solid #000;  position:relative; cursor:pointer;}.newVideoImg{ position:relative; width:100%; height:100%;}.newImg{ width:208px; height:116px;}.newMask{ position:absolute; left:0;  top:0;  width:100%;  height:100%; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); opacity:0;}.hotsLonger{ font-weight:bolder;  font-size:12px; color:#FFFFFF;}.newAdd{ position:absolute; z-indent:2; left:188px; top:95px;  background-color:#737372;}.newVideoMeg{ position:absolute; z-indent:2; left:169px; top:91px;  background-color:#737372;  padding:3px;}/* 都能使用标签 */.videoMark{ position:absolute; left:0; top:0;}

javascript代码：

// JavaScript Document/* 最新视频特效 */(function(){var newVideo = document.getElementsByClassName("newVideo");var newMask = document.getElementsByClassName("newMask");var newVideoMeg = document.getElementsByClassName("newVideoMeg");var newAdd = document.getElementsByClassName("newAdd");for(var i=0;i