熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> JSP教程 >> 正文

jquery滾動組件(vticker.js)實現頁面動態數據的滾動效果

2013-11-15 12:13:38  來源: JSP教程 
本文為大家想你想介紹下jquery實現頁面動態數據的滾動效果似乎只有通過divulli標簽嵌套的方式才能實現表格多行多列的滾動效果   復制代碼 代碼如下:
<script language="javascript" src="lirms/Test/jqueryjs"></script>
<script language="javascript" src="lirms/Test/vtickerjs"></script>
<script type="text/javascript">
$(document)ready(function() {
$("roll")each(function() {
$(this)vTicker({
showItems : //顯示滾動行數
pause : //滾動間歇
speed : //滾動速度
animation : "fade"
mousePause : false
direction : "up" //滾動方向
});
});
});
</script>

  
似乎只有通過divulli標簽嵌套的方式才能實現表格多行多列的滾動效果(如有改進的地方請多多指教!)

復制代碼 代碼如下:

  
<div class="conn">
<table>
<tr>
<th style="width:px;">序號</th>
<th style="width:px;">名稱</th>
<th style="width:px;">季度完成量</th>
<th style="width:px;">昨日</th>
<th style="width:px;">完成進度</th>
<th style="width:px;">基本指標</th>
<th style="width:px;">挑戰指標</th>
</tr>
<tr>
<td colspan="">
<div class="roll">
<ul>
<c:forEach items="${statislist}" var="s" varStatus="i">
<c:set var="cs" value=""></c:set>
<c:set var="index" value=""></c:set>
<c:if test="${iindex < }">
<c:set var="index" value=""></c:set>
</c:if>
<c:if test="${iindex % ==}">
<c:set var="cs" value="background:#ebffd;"></c:set>
</c:if>
<li style="height:px;width:px;lineheight:px;${cs}">
<div style="width:px;textalign:center;float:left;">${index} ${icount}</div>
<div style="width:px;textalign:center;float:left;">${sname}</div>
<div style="width:px;textalign:center;float:left;">${snumber}</div>
<div style="width:px;textalign:center;float:left;">${szuori}</div>
<div style="width:px;textalign:center;float:left;">${swcjb}</div>
<div style="width:px;textalign:center;float:left;">${sjbzb}</div>
<div style="width:px;textalign:center;float:left;">${stzzb}</div>
</li>
</c:forEach>
</ul>
</div>
</td>
</tr>
</table>
</div>


From:http://tw.wingwit.com/Article/program/Java/JSP/201311/20532.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.