转载：https://blog.csdn.net/u012138137/article/details/80729789

1 
     
       2 
       3   
        4  5 
       6   
        7  8 
     
 9 
     10   
     
      11       
      
       12           
       
发现CNVD-2018-01031IBM WebSphere Portal跨站脚本漏洞，请尽快自查
13           
       
跨站脚本漏洞，请尽快自查
14           
       
发现CNVD-2018-01031IBM WebSphere Portal跨站脚本漏洞，请尽快自查
15           
       
跨站脚本漏洞，请尽快自查
16           
       
发现CNVD-2018-01031IBM WebSphere Portal跨站脚本漏洞，请尽快自查
17           
       
跨站脚本漏洞，请尽快自查
18           
       
发现CNVD-2018-01031IBM WebSphere Portal跨站脚本漏洞，请尽快自查
19       
      
20   
     

滚屏div的class样式： 

需要注意的是overflow:hidden跟height的值一定要设定。不然不会滚屏。

1 .scroll-message-style {2     overflow:hidden;3     height:30px;4     float:right;5     padding-right:5%;6 }

接下是js相关的代码了： 

这段定时器代码可以当独放在一个方法中执行。每次都是获取dom上的ID，这样也有个好处是在执行期间dom节点不会一直累加。

 

setTimeout(function(){      var table = document.getElementById("scroll-message");       var timer = null;       table.scrollTop = 0;       table.innerHTML += table.innerHTML;       function play() {           clearInterval(timer);           timer = setInterval(function() {               table.scrollTop++;               if (table.scrollTop >= table.scrollHeight / 2) {                   table.scrollTop = 0;               }           }, 100);       }       setTimeout(play, 500);       table.onmouseover = function() {           clearInterval(timer)       };       table.onmouseout = play;   },0)

下面是table相关的html代码，js代码跟上面一样的，只不过获取的dom元素ID改下就好，table头部相关的代码内容就不贴了。

1 
     
       2 
      
        3            
       
         4                
          5                    
           6                        
 7                        
 8                        
 9                        
10                        
11                    
12                
13            
        
         
          
{ {item.creationTime}}
          
{ {item.srcIp}}({ {item.srcIpPlace}})
          
{ {item.dstIp}}({ {item.dstIpPlace}})
          
{ {item.flowType}}
          
{ {item.severityLevel|toAttackLevel}}
         
        
       
14        
      
15    
     
16 18

1 /*表格*/ 2         .scroll-panel .table{ 3             width: 100%; 4             background-color: rgba(21, 27, 99, 0.21); 5             position: absolute; 6             margin: auto; 7             top: 50px; 8             left:0; 9             right:0;10             bottom: 0;11         }12         .scroll-panel{13            position:relative;14            width:100%;15            height:100%;16            margin:auto;17            overflow:hidden;18         }19         .table{20             width:100%;21             height:auto;22             overflow: hidden;23         }24