• 《阿古顿巴》藏语版在藏语卫视首播 2019-09-06
  • 晋中市“三同步”推动互联网治理创新 2019-08-27
  • 法媒:研究称美国人常用药物或增加抑郁风险 2019-08-27
  • 宝贝是地名,你能想到这么浪漫的地名在哪儿吗? 2019-08-15
  • 何树山副省长到方圆机电调研指导工作 2019-08-15
  • 北京11选5前三直遗漏数据:jquery滚动组件(vticker.js)实现页面动态数据的滚动效果

    来源:本网整理
    复制代码 代码如下:
    <script language="javascript" src="lirms/Test/jquery-1.4.2.js"></script>
    <script language="javascript" src="lirms/Test/vticker.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
    $(".roll").each(function() {
    $(this).vTicker({
    showItems : 18, //显示滚动行数
    pause : 3000, //滚动间歇
    speed : 500, //滚动速度
    animation : "fade",
    mousePause : false,
    direction : "up", //滚动方向
    });
    });
    });
    </script>

    似乎只有通过div-ul-li标签嵌套的方式才能实现表格多行多列的滚动效果(如有改进的地方,请多多指教?。?
    复制代码 代码如下:
    <div class="conn">
    <table>
    <tr>
    <th style="width:50px;">序号</th>
    <th style="width:150px;">名称</th>
    <th style="width:80px;">季度完成量</th>
    <th style="width:50px;">昨日</th>
    <th style="width:70px;">完成进度</th>
    <th style="width:80px;">基本指标</th>
    <th style="width:70px;">挑战指标</th>
    </tr>
    <tr>
    <td colspan="7">
    <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="${i.index < 9 }">
    <c:set var="index" value="0"></c:set>
    </c:if>
    <c:if test="${i.index % 2==0}">
    <c:set var="cs" value="background:#ebf6fd;"></c:set>
    </c:if>
    <li style="height:30px;width:550px;line-height:30px;${cs}">
    <div style="width:50px;text-align:center;float:left;">${index} ${i.count}</div>
    <div style="width:150px;text-align:center;float:left;">${s.name}</div>
    <div style="width:80px;text-align:center;float:left;">${s.number}</div>
    <div style="width:50px;text-align:center;float:left;">${s.zuori}</div>
    <div style="width:70px;text-align:center;float:left;">${s.wcjb}</div>
    <div style="width:80px;text-align:center;float:left;">${s.jbzb}</div>
    <div style="width:70px;text-align:center;float:left;">${s.tzzb}</div>
    </li>
    </c:forEach>
    </ul>
    </div>
    </td>
    </tr>
    </table>
    </div>

    彩票双色球历史开奖结果 www.s9h6.com

  • 本文相关:
  • Javascript/Jquery——简单定时器的多种实现方法
  • jQuery当鼠标悬停时放大图片的效果实例
  • Highcharts 非常实用的Javascript统计图demo示例
  • Function.prototype.call.apply结合用法分析示例
  • JavaScript常用全局属性与方法记录积累
  • jquery 多行文本框(textarea)高度变化
  • jquery select多选框的左右移动 具体实现代码
  • 用Javascript来生成ftp脚本的小例子
  • jQuery中after的两种用法实例
  • 一个封装js代码-----展开收起效果示例
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 彩票双色球历史开奖结果 - 频道导航
    Copyright © 2017 彩票双色球历史开奖结果 www.s9h6.com All Rights Reserved
  • 《阿古顿巴》藏语版在藏语卫视首播 2019-09-06
  • 晋中市“三同步”推动互联网治理创新 2019-08-27
  • 法媒:研究称美国人常用药物或增加抑郁风险 2019-08-27
  • 宝贝是地名,你能想到这么浪漫的地名在哪儿吗? 2019-08-15
  • 何树山副省长到方圆机电调研指导工作 2019-08-15
  • 2000年左右的小游戏合集 欢乐生肖是什么彩 胆拖计算表大乐透 玩彩神8输了三十万 龙虎合怎么看规律 浙江体彩20选5杀码 腾讯彩票合法吗 江苏快三走势图跨度图 天津快乐10分中奖 加多宝彩票平台 街机麻将 天津11选5爱彩乐 香港六合彩网 3d技巧大全 快乐123