<div class="codetitle"> <span><a style="CURSOR: pointer" data="88164" class="copybut" id="copybut88164" onclick="doCopy('code88164')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code88164"> <br><script 언어="javascript" src="lirms /Test/ jquery-1.4.2.js"></script> <br><script 언어="javascript" src="lirms/Test/vticker.js"></script> <br> <script type="text/javascript"> <br>$(document).ready(function() { <br>$(".roll").each(function() { <br>$(this) .vTicker( { <br>showItems : 18, //스크롤링 줄 수 표시 <br>pause : 3000, //스크롤 간격 <br>speed : 500, //스크롤 속도 <br>animation : "fade", <br>mousePause: false, <br>방향: "위쪽", //스크롤 방향<br>}) <br>}) <br></script> 🎜> <br> 테이블의 여러 행과 열의 스크롤 효과는 div-ul-li 태그를 중첩해야만 얻을 수 있는 것 같습니다. (개선 사항이 있으면 조언 부탁드립니다!) <br> </div> <br><br><div class="codetitle"> 코드 복사 <span><a style="CURSOR: pointer" data="79878" class="copybut" id="copybut79878" onclick="doCopy('code79878')"><u> 코드는 다음과 같습니다. </u></a> </span><div class="conn"> <테이블> </div><tr> <div class="codebody" id="code79878"> <th style="width:50px;">일련번호</th><br><th style="width:150px;"> ;/일> <br><th style=" width:80px;">분기 완료 볼륨</일><br><th style="width:50px;">어제</일> ><th style="width:70px; ">완료 진행률</th> <br><th style="width:80px;">기본 지표</th> <br><th style= "width:70px;">도전 지표</th> <br><tr> <br><br><div class= "롤"> <br> <ul> <br><c:forEach items="${statislist}" var="s" varStatus="i"> "cs" value=""></c:set> <br><c:set var="index" value=""></c:set> test="${i.index < 9 }"> <br><c:set var="index" value="0"></c:set> if> <br><c :if test="${i.index % 2==0}"> <br><c:set var="cs" value="배경:#ebf6fd;"> ;</c:set> <br></c:if> <br><li style="height:30px;width:550px;line-height:30px;${cs}"> ><div style="width :50px;text-align:center;float:left;">${index} ${i.count}</div> <br><div style="width: 150px;text-align:center; float:left;">${s.name}</div> <br><div style="width:80px;text-align:center;float:left;" >${s.number} </div> <br><div style="width:50px;text-align:center;float:left;">${s.zuori}</div> <br><div style= "width:70px;text-align:center;float:left;">${s.wcjb}</div> <br><div style="width:80px; text-align:center;float: left;">${s.jbzb}</div> <br><div style="width:70px;text-align:center;float:left;"> ${s.tzzb}< /div> <br></c:forEach> <br></div> /td> <br></table> <br><br> </div>